谷歌字体在Internet Explorer (IE) 11中无法使用

9

目前正在使用Google字体创建一个网站。在IE6到10,Firefox,Chrome和移动浏览器上都可以正常工作。但是在IE 11上没有字体加载,所有内容都使用回退字体(sans-serif等)显示。

这个问题似乎在以下两个页面上讨论过,但没有解决方案:
Google Code
MSDN论坛

我也没有找到解决方案,想知道这里是否有人已经解决了这个问题。


2
看起来微软决定强制执行内置在字体文件中的数字版权管理技术。这个链接可能会对你有所帮助,但请注意页面底部的警告。 - user1864610
IE 11在使用Google搜索引擎时存在缺陷,这意味着与Google相关的任何内容都可能会出现问题......我是这么认为的.... - Bhojendra Rauniyar
3个回答

7
使用Web Font Loader JavaScript 替代默认的添加字体方法在 IE11 中运行良好。详细信息请参考https://developers.google.com/fonts/docs/webfont_loader。此外,它还具有默认字体文本显示的优点,可以在字体下载之前的缓慢连接中使用,而在此之后,它将切换到 Google 字体。否则,在数十秒钟内您将得不到任何文本。
重要提示:您应该选择与原字体大小/字距/行距等相似的备用字体,以最小化屏幕重新绘制和影响用户体验的内容跳动问题。

我在使用IE 11(和10)时遇到了类似的问题,即我的自定义Google字体被错误地渲染为不正确的宽度。页面是根据默认的正文字体呈现元素的,然后在稍后的时间应用Google字体。这个提示解决了我的问题,并且对我起作用。 - Evster

2

我遇到了类似的问题。在IE11中,只有当我按下刷新或前进/后退按钮时,CSS中的字体才不会加载。我成功地解决了这个问题,通过在文档加载时将一个空的“style”标签添加到头部。 (例如:$('head').append('<style></style>')) 希望这能帮助有同样问题的人。


0

我也曾在IE11中遇到同样的问题,但使用“woff”格式解决了我的问题。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接