2015-11-06 2 views
0

Я работаю над большим веб-сайтом, который я преобразовываю из статического в отзывчивый. У меня возникла странная проблема, когда мой семейство шрифтов CSS больше не работает. Я использую пользовательский шрифт, который мы приобрели (HelveticaNeueW01-55Roma). Ниже мой CSS:font family css использует неправильный шрифт

.secondLevel ul a{ 
    font-family: "HelveticaNeueW01-55Roma"; 
} 

Когда я осматриваю инспектор я могу увидеть семейство шрифтов признается и используется. Однако шрифт не отображается с правильным семейством (см. Снимок экрана). Кто-нибудь знает, в чем проблема? Я попытался заменить семейство шрифтов на другой HelveticaNeue (HelveticaNeueW01-85Heav), и это работает отлично. Это только когда я использую 55Roma, который вызвал проблему.

Скриншот: incorrect font fmaily

ответ

2

Убедитесь, что вы правильно определяя семейство шрифтов с @font-face:

@font-face { 
    font-family: "HelveticaNeueW01-55Roma"; 
    src: url("path/to/HelveticaNeueW01-55Roma.woff"); 
} 
+0

Спасибо @taxicala! Сейчас я попробую попробовать. – EricBellDesigns

+0

Итак, я нашел другой шрифт (85 Heavy), объявленный с помощью font-face, и я пропустил объявление для конкретного неверного. Тем не менее, это тот же код, который используется в предыдущей версии сайта, а шрифт 55 Roma отлично работает с использованием того же браузера. Должен ли я включать шрифт для 55 рома в дополнение к 85 Heavy? Если это так, я смущен, почему он работал раньше. – EricBellDesigns

+0

Возможно, да, поскольку они разные шрифты. – taxicala

0

Я бы убедиться, что вы в том числе все различные формы шрифта, а также,. woff, ttf, eot и т. д.

Различные браузеры поддерживают различные форматы.