css - Internet Explorer 8 中显示的字体粗细不正确

Question

我正在 Internet Exploder 8 中测试一个页面，但未能获得 Google 托管的一种字体来呈现正确的粗细。给定以下代码:

@import url(http://fonts.googleapis.com/css?family=Lato:100,400);

h1{
    font-family: 'Lato-Thin', 'Lato', sans-serif;
    font-size: 80px;
    font-weight: 100;
}

p{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

段落标签以 400 权重呈现，但标题也是如此。如果我将导入行更改为:

@import url(http://fonts.googleapis.com/css?family=Lato:100);

标题不再以 Lato 呈现，即使 100 权重仍在下载。

有办法解决这个问题吗？

这是一个 Fiddle .

Answer 1

这似乎是 Google 提供其自定义字体的方式与 IE8 希望它们提供的方式之间的兼容性问题。

第 9 期在这里:https://code.google.com/p/googlefontdirectory/issues/detail?id=9

如果字体存储在本地，则可能有解决方法，但这并不能直接解决我的问题中描述的问题。