@ font-face在Firefox中不起作用，但在Chrome中工作

這些字體用於工作，但他們現在停止工作而沒有任何CSS更改。我可以從螢火蟲網絡面板看到.woff被下載（奇怪地兩次，第一次DL只是一個永遠滾動的圓圈，並沒有完成）。測試FF9/10。這裏是我的CSS：@ font-face在Firefox中不起作用，但在Chrome中工作

@font-face { 
    font-family: 'BebasNeueRegular'; 
    src: url('../fonts/BebasNeue-webfont.eot'); 
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/BebasNeue-webfont.woff') format('woff'), 
     url('../fonts/BebasNeue-webfont.ttf') format('truetype'), 
     url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 

a.css3button, button, input[type="submit"], input[type="reset"], input[type="button"] { 
    .. 
    font-family: "bebasNeueRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    .. 
}

從我得到它：http://dev.florianweber.me/bf3buttons/# - 在它在我的Firefox的工作。什麼可能導致衝突？

來源

2012-01-20 red

請修剪您的代碼以僅包含重現您的問題的絕對必要條件。 – kba

我展示了一切，因爲如果我知道原因是什麼的話，我可能已經自己修好了。 – red

嘗試在Font Squirrel上生成 - http://www.fontsquirrel.com/fontface/generator。 –

我們的CDN域名服務於.css文件 - 我猜Firefox不喜歡。我設置了到.css字體文件的硬路徑，現在它似乎正在工作。 :)

font-family: 'BebasNeueRegular'; 
src: url('http://site.com/sites/default/themes/theme/fonts/BebasNeue-webfont.eot'); 
src: url('http://site.com/sites/default/themes/theme/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), 
    url('http://site.com/sites/default/themes/theme/fonts/BebasNeue-webfont.woff') format('woff'), 
    url('http://site.com/sites/default/themes/theme/fonts/BebasNeue-webfont.ttf') format('truetype'), 
    url('http://site.com/sites/default/themes/theme/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); 
font-weight: normal; 
font-style: normal;

另一種方式：

<FilesMatch "\.(ttf|otf|eot|woff)$"> 
    <IfModule mod_headers.c> 
    Header set Access-Control-Allow-Origin "*" 
    </IfModule> 
</FilesMatch>

來源

2012-01-20 12:03:38 red

@font-face { 
    font-family: 'BebasNeueRegular';

和

font-family: "bebasNeueRegular"

是不一樣的。注意拼寫錯誤，font-family可能區分大小寫。

來源

2012-01-20 11:53:04 pduersteler

很好的結果，不幸的是這不是問題，固定的拼寫錯誤仍然:) – red

-2

我想通了，Firefox的加載字體名稱不同勢。

這對我來說是訣竅，試試看吧，不知道其中一個是好的，但它有效。嘗試不使用括號等。

font-family: 'bebas_neueregular', Bebas Neue, 'Bebas Neue', bebas_neueregular;

來源

2014-02-19 13:18:03 MBouwman

已解決的問題的無關答案。 – red

好吧，如果上述答案不起作用，這是另一種解決此問題的方法。 – MBouwman

@ font-face在Firefox中不起作用，但在Chrome中工作

回答

相關問題