Question

看看这个JSFiddle：http://jsfiddle.net/vkNtK/1/

在IE9中，这两个h2的渲染方式相同，而在所有其他现代浏览器中，第一个使用字体的轻型版本。有没有人有一个解决方案强制IE使用较轻的字体font-weight：打火机;宣布？

要明确：我们在谈论IE9，为什么这不适用于IE9？

Answer 1

这似乎是这个特定字体的问题，或者是Google让IE使用它的方式。您的代码适用于其他具有Book（300）字体粗细的Google字体，如Lato和Open Sans。

Answer 2

我通过为轻字体创建一个新的字体系列名称并定位特定元素来解决这个问题。我只在CSS的CSS中使用这个字体名称。

@font-face {
    font-family: 'fontname-light';
  src: url('../webfonts/EOT/fontname-light.eot');
  src: url('../webfonts/EOT/fontname-light.eot?#iefix') format('embedded-opentype'),
       url('../webfonts/WOFF/fontname-light.woff') format('woff'),
       url('../webfonts/TrueType/fontname-light.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}

IE9无法识别font-weight：更轻

2 个答案: