Google 字体在 Internet Explorer (IE) 11 中不起作用答案

【问题标题】：Google Fonts not working in Internet Explorer (IE) 11Google 字体在 Internet Explorer (IE) 11 中不起作用
【发布时间】：2013-11-02 21:26:59
【问题描述】：

目前正在使用 Google 字体构建一个网站。一切都可以在 IE6 到 10、Firefox、Chrome 和移动浏览器上运行。但是在 IE 11 上没有加载字体，所有内容都使用后备字体（无衬线等）显示。

以下两页似乎已经讨论了同样的问题，但没有解决：
Google Code
MSDN Forums

我也找不到解决方案，想知道这里是否有人有解决方法。

【问题讨论】：

【解决方案1】：

使用 Web Font Loader javascript 而不是添加字体的默认方法对我来说在 IE11 中有效。 https://developers.google.com/fonts/docs/webfont_loader.

它还有一个优点是在慢速连接上显示默认字体文本，直到字体下载，此时它将切换到谷歌字体。否则你会在几十秒内根本没有收到任何文字。

重要提示：您应该选择具有相似大小/字距调整/前导等的备用字体，以尽量减少影响用户体验的屏幕重绘和内容跳转问题。

【讨论】：

我在使用 IE 11（和 10）以不正确的宽度渲染我的自定义 Google 字体时遇到了类似的问题。该页面基于默认的正文字体呈现元素，然后在稍后应用 Google 字体。这个技巧解决了我的问题并为我工作。

【解决方案2】：

我遇到了类似的问题。仅当我按下刷新或前进/后退按钮时，来自 css 的字体才在 IE11 中加载。我已经设法解决了这个问题，添加一个空的“样式”标签来加载文档。（例如：$('head').append('<style></style>')）希望这对遇到同样问题的人有所帮助。

【讨论】：

【解决方案3】：

即使我在 IE11 中也遇到了同样的问题，但使用 'woff' 格式为我解决了问题。

【讨论】：