CSS use custom font (ttf) from folder

Question

I am testing html localy with notepad++ (not created a site yet) and I am trying to use a custom downloaded font. So, I have downloaded a ttf font and placed it under a folder that also contains the html file. Then I use

<html>
<head>
<style> 
@font-face {
  font-family: myFirstFont;
  src: url('C:\Users\Jon\Desktop\zz\clights.ttf')  format('truetype');
}

div {
    font-family: myFirstFont;
}
</style>
</head>
<body>

<div>Test123</div>

</body>
</html>

But that doesn't seem to work. I have viewed many answers but they all refer to adding a font to the contents of your site but I am testing html localy... How can I use a custom font this way? Ty

Answer 1

You don't need the entire filepath. Since its in the same folder, simply use url('zz/fontname.ttf)

Or if the ttf file is in the same directory as the index.html file, then drop the 'zz'

CSS use custom font (ttf) from folder

Question

1 answers

solution1
1 ACCPTED 2017-03-02 17:24:00

CSS use custom font (ttf) from folder

Question

1 answers

solution1 1 ACCPTED 2017-03-02 17:24:00

solution1
1 ACCPTED 2017-03-02 17:24:00