CSS @字体面不与Firefox工作(css @font-face not working wit

下面的代码在谷歌Chrome测试版作品，以及IE 7，但不能在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');

}

Answer 1:

试试这个

@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');
}

Answer 2:

对于一个简单的解决方案，请尝试使用谷歌的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;}

这不仅将解决跨浏览器的兼容性，但加快页面加载由于对谷歌的服务器所驻留。

文章来源: css @font-face not working with firefox