Firefox不支持font-face

Web字體在Firefox中無法正確呈現。它適用於Chrome瀏覽器。Firefox不支持font-face

下面是我的CSS代碼，

@font-face { 
    font-family: 'DINm'; 
    src: url('http://www.themediaverse.com.au/wp-content/themes/themediaverse/assets/fonts/DINWeb-Medium.eot'); 
    src: url('http://www.themediaverse.com.au/wp-content/themes/themediaverse/assets/fonts/DINWeb-Medium.eot?#iefix') format('embedded-opentype'); 
    src: url('http://www.themediaverse.com.au/wp-content/themes/themediaverse/assets/fonts/DINWeb-Medium.woff') format('woff'); 
    src: url('http://www.themediaverse.com.au/wp-content/themes/themediaverse/assets/fonts/DINComp-Medium.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 

    }

我在下面網址提到， CSS Font-Face url not working?

我怎樣才能解決這個問題呢？

謝謝。

來源

2014-01-10 sprabhakaran

這些鏈接是不允許跨站點鏈接的字體文件。 Chrome不遵循規範的這一部分，但Firefox確實如此。

有關如何配置服務器以允許鏈接到字體，請參閱「發佈的網站」部分https://stackoverflow.com/a/3704578/720912。

來源

2014-01-10 07:17:25

謝謝@Boris。我發現來自螢火蟲的「不良URI或跨網站存取不允許」警告訊息。我已將security.fileuri.strict_origin_policy屬性中的值更改爲false（來自上述鏈接）。但它不起作用。 – sprabhakaran

該首選項僅影響file：// URI。同樣，你想要「發佈網站」位。 –

變化從

format ('truetype');

代碼

format ('opentype');

，這應該爲你工作。

這是從其他頁面引用的文章中列出的底部附近，它爲我工作。這小提琴顯示工作實例：http://jsfiddle.net/Phlume/CMv8G/1/

你應該看到這一點：

enter image description here

文章還提到，對於OTF或ttf字體，你可以離開format部分完全關閉 - 這是可選的，因爲格式是開放式的。

來源

2014-01-10 06:26:52 Phlume

上述解決方案不適合我。它將採用「快遞」字體作爲默認設置。我也檢查了Chrome瀏覽器... – sprabhakaran

請檢查您的Firebug中「測試1 ... 2 ... 3 ..」的結果。這是「Courier」字體。 – sprabhakaran

是的..它應該是..注意通用重置標籤'* {font-family：courier;}'這將設置一切快遞，這是沒有定義其他地方。檢查您的字體文件在該網站的ttf雖然...它被設置爲「DINComp-Medium」，其餘所有設置爲「DINWeb-Medium」也許字體設置不正確......或者可以不能在網上使用？ – Phlume

Firefox不支持font-face

回答

相關問題