css - css @font-face 不适用于 Firefox

Question

以下代码适用于 Google Chrome beta 和 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

要获得更简单的解决方案，请尝试使用 Google Web 字体： http ://www.google.com/webfonts

包含 Open Sans 半粗体的特定标头代码是：

<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 的服务器上，因此会加快您的页面加载速度。

Answer 2

试试这个

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