Reputation: 965
I am working on a large website that I am converting from static to responsive design. I've run into a strange issue where my font family CSS no longer works. I am using a custom font we purchased (HelveticaNeueW01-55Roma). Below is my CSS:
.secondLevel ul a{
font-family: "HelveticaNeueW01-55Roma";
}
When I view the inspector I can see the font-family is recognized, and is being used. However, the font does not display with the correct family (see screenshot). Does anybody know what the issue could be? I have tried swapping the font family for another HelveticaNeue (HelveticaNeueW01-85Heav), and that works perfectly fine. It's only when I use the 55Roma that caused an issue.
Upvotes: 0
Views: 2109
Reputation: 1
I would make sure you are including all of the various forms of the font as well, .woff, ttf, eot, etc etc.
Different browsers support different formats.
Upvotes: 0
Reputation: 21789
Make sure you are properly defining your font family with @font-face
:
@font-face {
font-family: "HelveticaNeueW01-55Roma";
src: url("path/to/HelveticaNeueW01-55Roma.woff");
}
Upvotes: 2