字體不適用於Firefox？

Question

我已經從fontsquirrel下載了名爲Pompiere的字體工具包並上傳了這些文件。 字體在Safari和Chrome上完美顯示，但在Firefox上不顯示。

我總共使用了4種獨特的字體，有誰知道它爲什麼不顯示的可能原因？

這裏是我的CSS的一部分：

@font-face { 
font-family: 'Pompiere'; 
src: url('fonts/pompiere/PompiereRegular.eot'); /* IE9 Compat Modes */ 
src: url('fonts/pompiere/PompiereRegular.eot?#iefix') format('embedded-opentype'); 
src: url('fonts/pompiere/PompiereRegular.woff') format('woff'), /* Modern Browsers */ 
    url('fonts/pompiere/PompiereRegular.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('fonts/pompiere/PompiereRegular.svg') format('svg'); 
} 

#normal-font { 
font-size: 23px; 
font-family: 'Pompiere', Helvetica, sans-serif; } 

Answer 1

感謝球員，具有相同問題的人，我得到了它的工作：

1. 移動我的「字體」文件夾的根。 （之前，它在我的wordpress主題文件夾中）
2. 直接鏈接我的src url在css中。例如，而不是「../fonts/fontname.ttf」

這樣做這兩件事情都是我的字體「http://yoursite.com/fonts/fontname.ttf」正確地顯示在Safari瀏覽器，Chrome瀏覽器火狐&。 :)

Answer 2

我有一個類似的問題，並通過刪除.eot url來修復它。