Web字体在实时服务器上不在IE 9中呈现,但在本地查看时则很好

时间:2012-04-09 05:24:51

标签: css internet-explorer font-face

我是一名贸易平面设计师,我一直致力于重新设计我的投资组合。在这个过程中,我遇到了IE 9无法在实时服务器上呈现@ font-face和Google字体的问题。奇怪的是,在IE 9中本地查看我自己的网站时,没有问题。

这似乎是普遍存在的(仅在IE 9中,而不是在IETester的旧版本中),并且不会与我自己的网站隔离。例如,this demo在所有浏览器中都会被罚款,但IE 9会恢复为默认字体。

我已经上传了我的网站here。该标题依赖于Font Squirrel的CSS:

@font-face {
font-family:'LeagueGothicRegular';
src:url('../fonts/LeagueGothic/League_Gothic-webfont.eot');
src:url('../fonts/LeagueGothic/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/LeagueGothic/League_Gothic-webfont.woff') format('woff'),
    url('../fonts/LeagueGothic/League_Gothic-webfont.ttf') format('truetype'),
    url('../fonts/LeagueGothic/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight:normal;
font-style:normal;
}

与早期的演示一样,这适用于所有浏览器,但IE 9。这是一个已知问题吗?或者它可能是我自己的计算机上的本地化问题?我已经尝试将IE 9重置为默认设置,清除缓存并重新启动。我找不到这个问题的其他帖子,所以我无法解释它。

3 个答案:

答案 0 :(得分:4)

我认为这与IE的互联网选项有关>安全设定。如果将区域“Internet”的安全级别设置为高,则会关闭Web字体。由于“Intranet”位于自己的安全级别较低的区域,因此显示了字体。 IE9中默认为“Internet”区域设置了“中高”,它支持Web字体。

希望这有帮助。

答案 1 :(得分:3)

检查您的页面是否在兼容模式下呈现。关闭它,看看字体是否通过。

有关在此处关闭兼容模式的详细信息。 http://www.punchakitten.com/id/forcing_ie_to_not_use_compatibility_modeever

注意:我必须在服务器上关闭它(HTTP标头)...必须是一个策略,在我们的Intranet区域中出于某种原因始终使用兼容模式。

答案 2 :(得分:1)

在IE9中我看起来很好,你确定它不是你浏览器中的设置吗?