EricBellDesigns
EricBellDesigns

Reputation: 965

font family css uses incorrect font

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.

Screenshot: incorrect font fmaily

Upvotes: 0

Views: 2109

Answers (2)

Marshstalker
Marshstalker

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

taxicala
taxicala

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

Related Questions