如何在Firefox中正確呈現@ font-face？

我正在嘗試爲Chrome，Safari，Firefox和IE使用@ font-face。對於IE，我甚至不知道該怎麼做，但對於其他瀏覽器，我希望@ font-face部分能夠工作。如何在Firefox中正確呈現@ font-face？

下面是我用什麼：

@font-face { 
    font-family: "Handwriter"; 
    src: url("/folder/Font-Regular.otf"); 
    }

然後我也嘗試：

@font-face { 
font-family: "Handwriter"; 
src: url("http://www.domain.com/folder/Font-Regular.otf"); 
}

使用任何一項都將正確呈現在Chrome和Safari，但不能在Firefox。有趣的是，如果我使用Firebug並轉到CSS文件並重新改寫名稱，則會呈現它。另外，字體文件在我的服務器上，我在同一個域上宣傳這個。所以不知道這裏出了什麼問題。

來源

2012-11-22 KPO

您還可以嘗試FontSquirrel font-face生成器http://www.fontsquirrel.com/fontface/generator – Gus

字體的URL需要相對於他們在Firefox上工作，或者您可以配置您的服務器t o允許訪問它們。 –

試試這個（使用您的自定義字體）。記住格式是很重要的：

@font-face { 
    font-family: 'WebFont'; 
    src: url('myfont.woff') format('woff'), /* Firefox 3.6+, IE9+, Chrome 6+, Safari 5.1+*/ 
     url('myfont.ttf') format('truetype'); /* Safari 3—5, Chrome4+, Firefox 3.5, Opera 10+ */ 
}

來源：css3please

來源

2012-11-22 08:16:19 wandarkaf

這不是一個廣告：d

我succefully使用http://www.fontsquirrel.com/fontface發電機:)如果你有žTTF文件剩下的就是小菜一碟:)

來源

2013-01-15 17:11:27 op1ekun

如何在Firefox中正確呈現@ font-face？

回答

相關問題