字體不加載在Firefox中，但在鉻中工作

Question

有一個問題與字體不知道爲什麼加載的Chrome，但在Firefox中，它似乎沒有加載。

這裏是提前

Answer 1

的example

感謝我認爲Firefox的只支持TrueType/OpenType TT(.ttf)和OpenType PS (.otf)。

看看this table。

編輯：你的答案你找到here我認爲。

Answer 2

Firefox將只接受字體的相對路徑。如果要使用不同的域來承載一個比在頁面所在的字體，你必須按照Mozilla的HTTP access control政策：

這跨域共享標準用於啓用跨站點的HTTP請求爲：

[...]

Web字體（跨域字體使用的@字體面CSS內

Answer 3

看看這個SO線程，有完全相同的問題，你有。建議w掃了周圍的其他社區提供並幫助解決這一問題：

• css @font-face not working with firefox, but working with chrome and IE

Answer 4

我想這可能是最好只用它直接從谷歌。那麼你不必擔心任何版權問題，它是免費的。

http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:

Answer 5

在Firefox（壁虎），web fonts都受到相同的域限制（字體文件必須使用它們是對同一個域的頁面），除非HTTP訪問控件用於放鬆此限制。

注意：由於TrueType，OpenType和Web開放文件格式（WOFF）字體沒有定義的MIME類型，因此不考慮指定文件的MIME類型。

Answer 6

保存字體在同一個目錄中，並應用這樣，這將工作我在Firefox的12.0

@font-face 
{ 
    font-family: 'Play'; 
    src: url('play.ttf'); 
} 
.font 
{ 
    font-family: "play"; 
    font-size: 20px; 
} 

<p class="font">TESTING</p> 

Answer 7

已經檢查我幾個星期前，有此相同的問題。

我所做的只是添加local('*Name of Font*)使瀏覽器將尋找字體

Firefox是怪異。我已經注意到，在開發本地服務器時，它會嘗試從您的安裝字體集中加載字體，然後嘗試在您指定的路徑中查找src字體。

這是本地將幫助它會告訴它看本地字體集。

Answer 8

你使用：

<base href="http://www.site.com/" /> 

如果是這樣，將其更改爲：

<base href="<?php echo $_SERVER['HTTP_HOST']; ?>" />