IE9無法識別的字體，重量：輕

看這個的jsfiddle：http://jsfiddle.net/vkNtK/1/IE9無法識別的字體，重量：輕

在IE9中這兩個H2的呈現相同的，而在其他所有現代瀏覽器的第一個使用字體的輕型版本。有沒有人有一個解決方案，迫使IE瀏覽器使用更輕的字體時，字體重量：輕;被宣佈？

要清楚：我們在談論IE9，爲什麼不在IE9中工作？

來源

2012-09-05 Jimbo Jonny

您可以隨時使用'300'或'400'並明確指定字體的權重。 – Blender

自IE 4以來，IE支持'@ font-face'。 –

@Blender - 不，我不能，在發佈問題之前試過很久，在我的項目或JSFiddle中沒有任何效果可以說明問題。 –

這似乎是這個特定字體的問題，或者是Google讓IE使用它的方式。您的代碼適用於Book（300）字體重量的其他Google字體，例如Lato和Open Sans。

來源

2012-09-06 09:44:51

不知道爲什麼有人低估了這一點，它可能無法解決問題，但它給出了爲什麼它存在的巨大洞察力。這絕對是真的（我自己測試過）。我只是想把它帶回零:) –

事實上，我已經測試了一個bazillion谷歌字體（我算了......這是真正的數字...），並且它們都工作正常，只是奧斯瓦德沒有。所以我會正式說出這個問題本身是不可解決的，因爲對於300重量字體的實際字體文件來說，IE是無法識別的。所以我會獎勵你作爲正確的答案。我還會補充一點，就是讓IE重新渲染400的重量，而其餘的300重量並不是一個好的選擇，因爲300渲染比400低了20px，所以它需要不同的佈局CSS。結論：不要使用Oswald 300。 –

我解決了這個問題，方法是爲燈字體創建一個新的字體系列名稱並定位特定的元素。我只在IE中使用這個字體名稱。

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

來源

2014-06-25 08:09:24 bwaaaaaa

IE9無法識別的字體，重量：輕

回答

相關問題