ie7和8的Google字体渲染问题

时间:2014-02-18 12:53:11

标签: html css internet-explorer fonts

我在我的网站中使用Open Sans和Open Sans Light字体。 以下是我从谷歌字体渲染的googleapis字体链接。 我想在一些文本中使用Open Sans Light和Open Sans字体。 如果我选择open sans 300,400,600。 并在类中使用字体名称并添加font-weight:300表示灯光,400表示常规 它不适用于ie7和8.它显示了大字体即7。

但通过使用与字体样式相关的font-weight可以很好地适用于其他浏览器。 需要帮助来解决ie7和8的问题。

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

1 个答案:

答案 0 :(得分:0)

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

问题是IE7 / 8只能理解

font-weight:700,它将其解释为等同于font-weight:bold

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

解决这个问题的方法是向IE7 / 8提供单独的字体文件,其中包含所需的字体重量 - 谷歌字体不提供这种后备 - 但是使用Typekit很好地解决了这个问题,而不是让你使用它这种crossbrowser字体表面规则:

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

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

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