Css IE9无法识别字体重量：较轻

看看这个JSFIDLE：

在IE9中，这两个h2呈现相同的效果，在所有其他现代浏览器中，第一个使用的是浅色字体。当字体重量：打火机时，是否有人有办法强迫IE使用打火机字体；申报了吗

---

需要明确的是：我们谈论的是IE9，为什么IE9不起作用？

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

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

---

您可以始终使用

300

或

400

并明确指定字体权重。IE从IE 4开始就支持

@font-face

。@Blender-不，我不能，在发布问题之前很久就尝试过了，在我的项目或说明问题的JSFIDLE中没有效果。@Jukka-true，现在你说我确实记得在旧版IE中使用了一些字体。我想我已经很久没有担心IE8中的字体是否好看了，所以我忘了：）我正在编辑这个问题以删除这个部分。我不知道为什么有人对此投了反对票，它可能无法解决问题，但它让我对它存在的原因有了深刻的了解。这是绝对正确的（只是我自己测试了一下）。事实上，我现在已经测试了大量的谷歌字体（我数过了……这是真实的数字……），所有这些字体都很好用，只是奥斯瓦尔德没有。所以我要正式地说，这个问题本身是无法解决的，因为对于300磅字体的实际字体文件，IE无法识别某些东西。所以我会奖励你正确的答案。我还要补充一点，让IE渲染400的权重，而让其他人渲染300的权重不是一个好的选择，因为300的渲染比400低20像素，所以它需要不同的CSS布局。结论：不要使用Oswald 300。