ie7 和 8 的 Google 字体渲染问题答案

【问题标题】：Google font Rendering issue with ie7 and 8ie7 和 8 的 Google 字体渲染问题
【发布时间】：2014-02-18 12:53:11
【问题描述】：

我在我的网站中使用 Open Sans 和 Open Sans Light 字体。下面是我从谷歌字体呈现的 googleapis 字体链接。我想在某些文本中使用 Open Sans Light 和 Open Sans 字体。如果我选择开放 sans 300,400,600。并在类中使用字体名称并添加 font-weight:300 用于 light 和 400 用于常规它不适用于ie7和8。它在ie 7上显示大字体。

但是通过使用与字体样式相关的字体粗细对其他浏览器来说效果很好。需要帮助来解决 ie7 和 8 的问题。

<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'>

【问题讨论】：

你需要.eot，看看Font Squirrel

标签： html css internet-explorer fonts

【解决方案1】：

使用 Google 字体将无法解决此问题。

问题是IE7/8只能理解

font-weight:700 解释为等同于font-weight:bold

和

font-weight:400 将其解释为等同于 font-weight:normal。

解决方案是为 IE7/8 提供一个单独的字体文件，其中包含所需的字体粗细 - 谷歌字体敌人不提供这种回退 - 但使用 Typekit 可以很好地解决它，而不是让你使用这种跨浏览器字体规则：

  font-family: "proxima-nova-n6", "proxima-nova", sans-serif;
  font-weight: 600;

第一个声明 - "proxima-nova-n6" - 为 IE7/8 提供 600 权重的后备。

如果您想在不支付服务费用的情况下解决此问题，则必须创建包含不同字体宽度的单独字体文件 - 将它们上传到 fontsquirell 并生成涵盖所有浏览器所需的完整格式集。注意许可证 - 并非所有字体都可以免费嵌入网络。

【讨论】：