@ font-face不適用於Chrome瀏覽器或火狐瀏覽器

這一直髮生在最近我一直在開發的幾個網站上，我完全搞不明白爲什麼。 Stack Overflow的其他答案似乎對我沒有幫助，也沒有任何其他我在谷歌上找到的資源似乎對我有一個答案。我在想我正在做一些愚蠢的事情，但是什麼？@ font-face不適用於Chrome瀏覽器或火狐瀏覽器

下面是網站，我目前正與沮喪：http://atonea.com/csj/

它不會在Chrome或Firefox的工作，但它會在Safari上運行。這對我來說沒有任何意義。

來源

2013-04-13 AtlasOnEarth

開發工具說'http://atonea.com/csj/fontt/GILLUBCD.ttf 404 NOT Found' - 也讓'@ font-face'在你的CSS的開始。 – Rishabh

您可以爲您在網頁中使用的字體創建多個文件。這樣你就可以在每個主流瀏覽器上運行。對於發電機見http://www.fontsquirrel.com/tools/webfont-generator – Adrian

你只是在其中包括.ttf格式是WebKit的特定版本，而不是包括跨瀏覽器支持多種字體格式：

@font-face { 
font-family: 'MyWebFont'; 
src: url('webfont.eot'); /* IE9 Compat Modes */ 
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
    url('webfont.woff') format('woff'), /* Modern Browsers */ 
    url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}

您還需要使用它之前添加@font-face規則任何元素..

來源

2013-04-13 03:50:01

工作正常，但我不明白爲什麼。如何添加多種格式突然允許鉻接受它？這是否只是尋找一種不在那裏的格式？ – AtlasOnEarth

你需要在聲明它之前添加你的font-face。所以把你的字體放在你css的開頭。

來源

2013-04-13 03:48:42 Stephen

我原來是這樣，沒有什麼區別。你現在可以檢查它。 – AtlasOnEarth

@ font-face不適用於Chrome瀏覽器或火狐瀏覽器

回答

相關問題