【问题标题】:Google Web Fonts don't work in IE8Google Web 字体在 IE8 中不起作用
【发布时间】:2012-02-21 11:20:18
【问题描述】:

我正在使用它来链接到一些 Google 字体:

<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/

【问题讨论】:

  • 为什么 2 票反对...?
  • @j08691 注意截至 2010 年 10 月,该问题已在 Google 代码错误报告中报告为已修复并关闭。
  • 因 IE 有问题而对某人投反对票是不公平的。 IE 经常在任何事情上都失败。
  • @TIMEX,您是否在实际的IE8 浏览器(不是IE8 模式内的IE9)中获得了这项工作?我问是因为我复制了确切的代码(也试过我自己的),但IE8 中没有呈现 Google 网络字体。

标签: html css internet-explorer-8 fonts google-webfonts


【解决方案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'>

【讨论】:

  • 你仍然有两种字体,所以可能是查询字符串中的其他内容,但我可以确认它现在在 IE9、IE8 模式下有效。
  • 可能是其中一种字体与 IE 不兼容导致所有字体失败,或者加载的字体数量过多对 IE 来说处理过多。
  • @TIMEX 如果我的回答对您有帮助,您能否将其标记为正确? :) 谢谢!但是,加载多种字体只会减慢页面的加载速度,因此一个好的做法是为 proyect 使用不超过 2 个...
【解决方案2】:

以防万一上述解决方案不适合您。

我在 ie8 上使用了多种字体,没有任何问题。我的实际问题是在 ie8 的兼容模式下使用 ie11,其中 google 网络字体似乎无法以任何可能的方式工作。

我想教训是,使用带有实际 ie8 的 vm。你可以拿一个herehere

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-11-27
    • 2014-04-03
    • 2015-10-20
    • 2014-06-26
    • 1970-01-01
    • 2013-05-11
    • 1970-01-01
    • 2011-12-25
    相关资源
    最近更新 更多