@ font-face不適用於Mozilla Firefox？

所以，我已經盡了一切努力讓@ font-face在Mozilla Firefox 3.6中工作。事情是，我很確定這是因爲我想在我的Tumblr博客上使用@ font-face，所以我上傳了Tumblr上傳者的字體。@ font-face不適用於Mozilla Firefox？

@font-face { 
font-family: feel_scriptregular; 
src: url(http://static.tumblr.com/3fk4soa/zKcm8o1y2/feel_script.otf); 
src: url(http://static.tumblr.com/3fk4soa/IyZm8o1sa/feel_script-webfont.eot?#iefix) format(embedded-opentype), 
    url(http://static.tumblr.com/3fk4soa/wgFm8o1tk/feel_script-webfont.woff) format(woff), 
    url(http://static.tumblr.com/3fk4soa/wlLm8o1us/feel_script-webfont.ttf) format(truetype), 
    url(http://static.tumblr.com/3fk4soa/tofm8o1vl/feel_script-webfont.svg#feel_scriptregular) format(svg); 
}

它沒有用雙引號（「）工作，或單引號（'）或沒有任何，我不知道該怎麼辦了..：/

來源

2012-08-13 MSmS

請參閱：http://stackoverflow.com/questions/4872592/multiple-font-face-in-css/4872624#4872624你實際上不* *有*在你的代碼中，所以...你能提供一個http://jsfiddle.net？ – 2012-08-13 00:03:02

這是一個跨域的事情，你不能從你自己的子域訪問static.tumblr.com。我之前通過在css中嵌入字體解決了這個問題。如果你去this generator並選擇專家選項，你可以勾選'Base64 Encode'框，它會在tumblr上運行，因爲.woff和.tft數據是css的一部分。

來源

2012-08-13 15:38:15

這是跨域的字體問題：他們必須是在同一個域或必須有HTTP頭「訪問控制允許來源」

解決方案nginx的 - https://gist.github.com/1131897 & https://serverfault.com/questions/186965/how-can-i-make-nginx-support-font-face-formats-and-allow-access-control-allow-o

所以，只需上傳您的字體在自己的主機和修復你的apache/ngi nx到servre右邊的標題。

來源

2012-08-13 00:15:12 DarkFighter

我不明白如何做到這一點。 – MSmS 2012-08-13 01:02:34

@DarkFighter：+1，雖然對於建議的解決方案，我不認爲需要調整「Access-Control-Allow-Origin」標頭，如果文件可以上傳到與css文件相同的域中 – 2012-08-13 04:16:35

@ov如果css文件與網站位於同一個域中 - 是的，不需要添加「Access-Control-Allow-Origin」標頭。但在其他情況下 - 您應該將此標頭提供給Firefox。 – DarkFighter 2012-08-13 10:45:44

@ font-face不適用於Mozilla Firefox？

回答

相關問題