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

Posted 2023-03-06

【中文标题】Google 字体在 Internet Explorer (IE) 11 中不起作用

【英文标题】：Google Fonts not working in Internet Explorer (IE) 11

【发布时间】：2013-11-02 21:26:59

【问题描述】：

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

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

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

【问题讨论】：

在我看来，微软已经决定强制在字体文件中内置 DRM。 This link 可能会对您有所帮助，但请阅读页面底部的警告。

IE 11 有谷歌搜索引擎的错误，这意味着任何与谷歌相关的东西都可能有问题......我想是的......

【参考方案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' 格式为我解决了问题。