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

回答

相关问题