FontAwesome不会在IE11上的Windows 8.1上加载
我的网站www.jungledragon.com大量使用图标字体“FontAwesome”。 本周我将我的系统升级到安装了IE11的Windows 8.1。 我注意到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和Windows 8上,字体在IE8,9,10以及IE11预览中均可正常加载。
我现在在问题出现的地方有点失落。 这个问题是否是Windows 8.1的特定结果(对我来说,但我无法在浏览器中测试它,它不可用)? 或者,这只是在IE11的最终版本中可能是一个问题? 如果是这样,为什么在每个文档模式下都会出现问题?
注意:如果你想帮助测试,在网站上很容易看到字体是否加载:全球导航栏将没有图标,以及该网站的其他几个区域。
我们通过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
我还不能评论,所以我必须发布这个答案..
这是Google确认的正式问题(242):https://code.google.com/p/googlefontdirectory/issues/detail?id = 242
你可能想跟踪它;-)
如果我的理解正确,则Win 8.1上的IE11都无法使用这些Web字体。 这对我们很多web开发者来说真的很糟糕:-(
奇。 今天,我收到了BrowserStack发布的一个消息,他们现在支持Windows 8.1上的IE11,所以我抓住这个机会做了一个干净的测试。 字体加载问题没有发生,它加载得很好。
然后我使用IE11在我的本地Windows 8.1上进行了另一个测试,现在它也解决了。 我完全没有办法改变它,它似乎已经解决了它自己。 我能想到的唯一事情是自动更新被推送到Windows 8.1 / IE11? 无论哪种方式,它现在解决了。
链接地址: http://www.djcxy.com/p/16691.html