0

I only want to add a local font to font face for use in a static HTML / CSS website. The font is located here: /Users/sdawes/Library/Fonts and my code is as follows, however it does not work. I am unsure whether my syntax is incorrect or am I missing something? Many thanks

@font-face {
font-family: CantoniPro;
src: local("/Users/sdawes/Library/Fonts/Brillant.ttf");
}

h2 {
font-family: "CantoniPro", "futura-pt", Serif;
font-weight: 500;
color: #2b292e;
font-size: 1.5em;
text-align: center;
margin-top: 5%;
}
sdawes
  • 631
  • 1
  • 7
  • 15
  • Have you tried to copy the file to the project folder and link to that file? Does that work? – Roy Apr 07 '16 at 19:38
  • yeah, I tired that and unfortunately it doesnt work. – sdawes Apr 08 '16 at 18:44
  • Could you maybe convert it to .woff (see this question: http://stackoverflow.com/questions/36105194/are-eot-ttf-and-svg-still-necessary-in-the-font-face-declaration) and try that? – Roy Apr 08 '16 at 19:24

0 Answers0