2015-11-06 58 views
0

我正在從靜態轉換爲響應式設計的大型網站上工作。我遇到了一個奇怪的問題,我的字體家族CSS不再起作用。我正在使用我們購買的自定義字體(HelveticaNeueW01-55Roma)。下面是我的CSS:字體系列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

所以我發現用font-face聲明的其他字體(85重),並且我錯過了不正確的特定聲明。但是,這是與以前版本的網站使用的代碼相同的代碼,並且55羅馬字體可以使用相同的瀏覽器正常工作。除了85重型戰車外,我是否還需要包括55架羅姆人的字體?如果是這樣,我很困惑,爲什麼它以前工作。 – EricBellDesigns

+0

可能是的,因爲它們是不同的字體。 – taxicala

0

我會確保你包括所有的各種形式的字體爲好,。 woff,ttf,eot等等

不同的瀏覽器支持不同的格式。