internet-explorer - FontAwesome 无法在 IE11 上的 Windows 8.1 上加载

Question

我的网站 www.jungledragon.com大量使用图标字体“FontAwesome”。本周我将我的系统升级到 Windows 8.1，它安装了 IE11。我注意到 FontAwesome 字体无法完全加载，并且浏览器控制台显示以下错误:

CSS3117: @font-face failed cross-origin request. Resource access is restricted.
File: fontawesome-webfont.eot
CSS3117: @font-face failed cross-origin request. Resource access is restricted.
File: fontawesome-webfont.woff
CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. File: fontawesome-webfont.ttf

我知道这些错误意味着什么，它们与跨源权限有关，因为在我的情况下，实际字体文件托管在 Amazon S3 上。

然而，奇怪的是:我确实对有问题的存储桶应用了 CORS 策略，这一直有效。为了做更多的研究，我尝试将 IE11 放入不同的文档模式，分别是 IE10、IE9 和 IE8。在所有情况下都无法加载字体。这很奇怪，因为当我使用 Windows 8 时，它可以在 IE8、9 和 10 上正常运行。

看起来那些文档模式真的没用，因为我随后继续使用浏览器堆栈进行一些真正的测试，使用真正的原生浏览器版本而不是文档模式。在 Windows 7 和 8 上，该字体在 IE8、9、10 以及 IE11 预览中都可以正常加载。

我现在有点不明白问题出在哪里。问题是否是 Windows 8.1 的结果(对我来说似乎是这样，但我无法在浏览器堆栈中测试它，它不可用)？或者它可能只有在 IE11 的最终版本中才有问题？如果是这样，为什么在每种文档模式下都会出现问题？

注意:如果您想帮助测试，在网站上很容易查看字体是否加载:全局导航栏将没有图标，以及网站的其他几个区域。

Answer 1

我们在通过 fast.fonts.com 使用 Avenir 字体时看到了同样的错误。它们在 IE10、9、8...但不是 IE11 中工作得很好。我们的问题显示在使用 IE11 的 Windows 7 上。

有趣的是在 fast.fonts.com，您可以选择 JS 文件或 CSS 文件调用。 JS 调用失败，但 CSS 没有。不幸的是，CSS 调用在 Firefox 上不起作用。

示例错误:CSS3114:@font-face 未通过 OpenType 嵌入权限检查。权限必须是可安装的。文件:6662a841-5b52-4af6-a868-6b43e3d7b263.ttf