css - IE9 が font-weight を認識しない: より軽い

Question

この JSFiddle を見てください: http://jsfiddle.net/vkNtK/1/

IE9 では、これら 2 つの h2 は同じようにレンダリングされ、他のすべての最新のブラウザーでは、最初の h2 はライト バージョンのフォントを使用します。font-weight:lighter; のときに IE に軽いフォントを使用させる解決策はありますか。宣言されていますか？

明確にするために: IE9 について話しているのに、これが IE9 で機能しないのはなぜですか?

Answer 1

これは、この特定のフォント、または Google が IE で使用する方法に問題があるようです。あなたのコードは、Lato や Open Sans などの Book (300) フォント ウェイトの他の Google フォントでも機能します。

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;
}