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

时间:2014-08-22 10:11:49

标签: css internet-explorer-8 font-face

我正在测试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

1 个答案:

答案 0 :(得分:1)

这似乎是Google提供自定义字体的方式与IE8如何服务它们之间的兼容性问题。

问题9:https://code.google.com/p/googlefontdirectory/issues/detail?id=9

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