首页 文章

ie7和8的Google字体渲染问题

提问于
浏览
0

我在我的网站中使用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

    使用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并生成覆盖所有浏览器所需的完整格式集 . 注意许可证 - 并非所有字体都可以免费嵌入到网络上 .

相关问题