IE 10 在本地使用 @font-face 工作，但在从服务器查看页面时不工作答案

【问题标题】：IE 10 works locally with @font-face, but not when viewing page from serverIE 10 在本地使用 @font-face 工作，但在从服务器查看页面时不工作
【发布时间】：2013-08-27 03:05:58
【问题描述】：

我正在使用托管在我自己的服务器上的 icomoon 自定义创建的网络字体。惊讶于一切是多么容易。在所有浏览器上进行本地测试。效果很好（甚至低至 IE7 和 firefox 4）！从我的服务器再次测试，它在 IE10 中不起作用。

很确定我声明的字体是正确的：

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

如果你想看看，这里是测试站点http://www.corysgrilledcheese.com/store/的链接。

这里有一个截图链接http://www.corysgrilledcheese.com/store/fontsBroken.png，当我在本地加载页面，然后使用同一个浏览器从服务器查看页面时的样子。

我一直在网上搜索，但到目前为止还没有运气。任何有关解决方案的建议将不胜感激。

【问题讨论】：

它适用于我的 IE10。
有趣 - 不包括我的 Windows 实例，它的工作时间为 50%。您是否知道您的浏览器偏好有任何变化？也许是安全设置？我的 IE 10 版本是默认安装。
不，我想不出我对默认的 IE10 所做的任何更改。尝试使用 IE 的开发者工具和/或 Fiddler2/Wireshark 进行调试。我刚刚注意到的一件事是icomoon.eot 有一种奇怪的 MIME 类型（与 Google 字体返回的类型相比），这可能与此有关。
看起来您的代码正在运行。请检查 IE 的“Internet 区域”的安全设置。如果可以导入外部字体，则在窗口的一半下方，您可以找到类似“导入设置”、第一个字段控件上的单选按钮之类的内容。

标签： css internet-explorer font-face internet-explorer-10 webfonts

【解决方案1】：

Teemu 找到了根本原因：在许多公司管理的机器上，下载字体完全被禁用。它在 Internet Explorer 的设置中：安全设置-Internet 区域 > 下载 > 字体下载。选项有启用、禁用和提示。如果禁用，您将一无所获。

这基本上意味着我对使用 IE 10 和 9 的图标字体感到不舒服。虽然 7 和 8 没有问题。

【讨论】：

我们在 IE11 中遇到了同样的问题。他们的公司机器禁用了“字体”。截图：img.ly/xtl9