Web 字体未在实时服务器上的 IE 9 中呈现，但在本地查看时很好答案

【问题标题】：Web fonts not rendering in IE 9 on live server, but fine when viewed locallyWeb 字体未在实时服务器上的 IE 9 中呈现，但在本地查看时很好
【发布时间】：2012-12-13 03:14:59
【问题描述】：

我是一名平面设计师，我一直致力于重新设计我的作品集。在此过程中，我遇到了 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 重置为默认设置，清除缓存并重新启动。我找不到与这个确切问题有关的任何其他帖子，所以我无法解释它。

【问题讨论】：

标签： css internet-explorer font-face

【解决方案1】：

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

希望这会有所帮助。

【讨论】：

感谢您的澄清。在玩过安全设置之后，这绝对是罪魁祸首。我必须记住这一点。再次感谢！

【解决方案2】：

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

更多关于关闭兼容模式的信息在这里。 http://www.punchakitten.com/id/forcing_ie_to_not_use_compatibility_modeever

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

【讨论】：

【解决方案3】：

在 IE9 中看起来不错，您确定这不是您的浏览器中的设置吗？

【讨论】：

感谢您的回复。我认为您一定是对的，因为我现在已经有其他一些人报告说它对他们有用。我刚刚尝试重新安装 IE，但这并没有解决我的问题。我会继续寻找解决方案。
您是否安装了任何附加组件？
无附加组件。除了测试，我实际上并没有使用 IE，所以一切都是默认的。唯一对我有用的解决方案是在 IE 的安全设置中关闭保护模式。由于默认情况下处于启用状态，因此我担心这可能会给我网站的许多访问者带来问题。