谷歌网络字体在IE8中无法工作

Question

我正在使用这个链接到一些谷歌字体:

<link href='http://fonts.googleapis.com/css?family=IM+Fell+English+SC|Snippet|Sarina|Crushed|Caesar+Dressing|Montez|Bad+Script|Sofia|Fontdiner+Swanky|Just+Me+Again+Down+Here|Voltaire|Geo|Coming+Soon|Wellfleet|Passion+One|Rock+Salt|Homemade+Apple|Meddon|Rosario' rel='stylesheet' type='text/css'>

我正在使用这段代码，在某些浏览器中它有效：

<span style="font-size: 110px;font-family:montez;"><b>Abcdefg</b></span>

为什么字体在IE8中不显示？ http://jsfiddle.net/3NbE5/

- TIMEX

---

为什么会有两个反对票...？ - TIMEX

https://dev59.com/SXA65IYBdhLWcg3wrQl4 - j08691

@j08691 注意：根据2010年10月的Google Code错误报告，该问题已被报告为已修复并关闭。 - TIMEX

因为IE经常出问题，所以仅因IE出问题而对某人进行投票降低评分是不公平的。 - Ricardo Castañeda

@TIMEX，你在实际的IE8浏览器中（而不是IE9内部的IE8模式）是否能够使其工作？我问这个问题是因为我复制了完全相同的代码（也尝试了自己的代码），但在IE8中没有任何Google网络字体被呈现。 - skyork

Answer 1

看起来 IE 不支持在 href 中使用多个字体：
http://jsfiddle.net/3NbE5/3/

你的 href 如下：

<link href='http://fonts.googleapis.com/css?family=IM+Fell+English+SC|Snippet|Sarina|Crushed|Caesar+Dressing|Montez|Bad+Script|Sofia|Fontdiner+Swanky|Just+Me+Again+Down+Here|Voltaire|Geo|Coming+Soon|Wellfleet|Passion+One|Rock+Salt|Homemade+Apple|Meddon|Rosario' rel='stylesheet' type='text/css'>

移除其他字体后，它工作了：

<link href='http://fonts.googleapis.com/css?family=IM+Fell+English+SC|Montez' rel='stylesheet' type='text/css'>

- Ricardo Castañeda

---

你还有两个字体，所以可能是查询字符串中的其他问题，但我可以确认这在IE9、IE8模式下现在可以工作。 - Wesley Murch

可能其中一个字体与IE不兼容，导致所有字体都无法显示，或者加载的字体数量过多，超出了IE的处理能力。 - Ricardo Castañeda

@TIMEX 如果我的回答对您有帮助，您能否将其标记为正确的答案？ :) 谢谢！然而，加载多个字体只会减慢页面的加载速度，因此一个好的做法是在项目中最多使用2种字体... - Ricardo Castañeda

Answer 2

如果上面的解决方案对您不起作用，我希望能为您提供帮助。

我在ie8上成功使用了多种字体，没有任何问题。我的实际问题是在ie11兼容ie8模式下使用，谷歌网络字体似乎无论如何都无法工作。

我想教训是，使用具有实际ie8的虚拟机。您可以在这里或这里获取其中一个。

- golfadas