css - IE9 无法识别字体粗细：较轻

Question

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

在 IE9 中，这两个 h2 的渲染相同，而在所有其他现代浏览器中，第一个使用字体的轻量版。有没有人有办法强制 IE 在 font-weight:lighter; 时使用较轻的字体？被宣布？

明确一点：我们谈论的是 IE9，为什么这在 IE9 中不起作用？

Answer 1

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

Answer 2

我通过为浅色字体创建一个新的字体系列名称并针对特定元素解决了这个问题。我只在 IE 的 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;
}