Question

该网站在chrome和最新版本的ff上运行良好。它似乎工作正常，并在IE8上显示正确的字体;但是在IE9中它显示的是更大胆的字体。

 @font-face{
    font-family: 'effraregular';
    src: url("http://www.xxxx.com.au/assets/effra_std_rg-webfont.eot");
    src: url("http://www.xxxx.com.au/assets/effra_std_rg-webfont.eot?#iefix") format('embedded-opentype'),
    url("http://www.xxxx.com.au/assets/effra_std_rg-webfont.woff") format('woff'),
    url("http://www.xxxx.com.au/assets/effra_std_rg-webfont.ttf") format('truetype'),
    url("http://www.xxxx.com.au/assets/effra_std_rg-webfont.svg#effraregular") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'effralight';
    src: url("http://www.xxxx.com.au/images/assetimages/fonts/effra_light-webfont.eot");
    src: url("http://www.xxxx.com.au/images/assetimages/fonts/effra_light-webfont.eot?#iefix") format('embedded-opentype'),
    url("http://www.xxxx.com.au/images/assetimages/fonts/effra_light-webfont.woff") format('woff'),
    url("http://www.xxxx.com.au/images/assetimages/fonts/effra_light-webfont.ttf") format('truetype'),
    url("http://www.xxxx.com.au/images/assetimages/fonts/effra_light-webfont.svg#effralight") format('svg');
    font-weight: normal;
    font-style: normal;
}

根据另一个问题，似乎解决方法是将格式从eot更改为embedded-opentype，但是你可以看到已经完成了。

文档中使用的字体系列：

font-family＆＃39; effralight＆＃39; effraregular＆＃39;似乎在IE9中，它使用了后备字体effraregular（如果我现在编辑effraregular来删除它，它默认为新罗马或类似的东西）。

DOCTYPE： <!DOCTYPE html SYSTEM "about:legacy-compat">

Answer 1

尝试将meta标记放入HTML作为快速解决方法，这将告诉IE9模拟IE8，恢复原始渲染。或more information on same

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />在您的部分中。

但有了这个，您必须与其他IE9功能妥协，例如更好的HTML5和CSS3支持。

通常，当您告诉IE9将字体呈现为bold时，font-weight和800的{{1}}会发生所需的切换。

或使用

即使使用 nomalize.css 也可以帮助您实现相同的

IE9只有font-face问题（渲染后备字体）

1 个答案: