1

我是一名平面设计师,我一直在重新设计我的作品集。在此过程中,我遇到了 IE 9 无法在实时服务器上呈现 @font-face 和 Google 字体的问题。奇怪的是,在 IE 9 中本地查看我自己的网站时,没有问题。

这似乎普遍发生(仅在 IE 9 中,而不在 IETester 的旧版本中),并且不孤立于我自己的网站。例如,此演示在所有浏览器中都可以正常工作,但 IE 9 会恢复为默认字体。

我已经上传了我的网站,因为它现在就在这里。标题依赖于 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 重置为默认设置,清除缓存并重新启动。我找不到与这个确切问题有关的任何其他帖子,所以我无法解释它。

4

3 回答 3

4

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

希望这可以帮助。

于 2012-04-09T18:47:47.013 回答
3

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

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

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

于 2012-12-12T19:14:59.763 回答
1

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

于 2012-04-09T05:41:53.970 回答