css @ font-face不適用於firefox

以下代碼適用於Google Chrome測試版以及IE 7，但不適用於Firefox。css @ font-face不適用於firefox

@font-face { 
font-family: 'open_sans_semiboldregular'; 
src: url('../fonts/opensans-semibold-webfont.eot'); 
src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/opensans-semibold-webfont.woff') format('woff'), 
    url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), 
    url('../fonts/opensans-semibold-webfont.svg#open_sans_semiboldregular') format('svg');

}

來源

2013-02-09 Neel

的可能重複[CSS @字體面不與Firefox的工作，但隨着Chrome和IE工作（http://stackoverflow.com/questions/2856502/css-font-臉 - 不工作，與Firefox的，但是，工作與 - 鉻和IE） – AlphaMale 2013-02-09 04:56:32

試試這個

@font-face 
{ 
    font-family: 'SegoeUI'; 
    src: url('Fonts/segoeui.eot'); 
    src: url('Fonts/segoeui.eot?#iefix') format('embedded-opentype'), url('fonts/segoeui.ttf') format('truetype'); 
} 

@font-face 
{ 
    font-family: 'SegoeLight'; 
    src: url('Fonts/segoeuil.eot'); 
    src: url('Fonts/segoeuil.eot?#iefix') format('embedded-opentype'), url('fonts/segoeuil.ttf') format('truetype'); 
}

來源

2013-02-09 05:00:22

對於一個簡單的解決方案，請嘗試使用谷歌的Web字體： http://www.google.com/webfonts

的具體標題代碼，包括開放三世半大膽的是：

<link href='http://fonts.googleapis.com/css?family=Open+Sans:600' rel='stylesheet' type='text/css'>

然後在CSS中它將是：

body {font-family: 'Open Sans', sans-serif;}

這不僅能夠解決跨瀏覽器兼容問題，還會因爲託管在Google服務器上而加快頁面加載速度。

來源

2013-02-09 04:53:30 joshuajwright

css @ font-face不適用於firefox

回答

相關問題