Css Internet Explorer 8中显示的字体大小不正确

我正在测试InternetExplorer8中的一个页面，但我无法获得一种谷歌托管字体来呈现正确的权重。给定以下代码：

@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个权重

有办法解决这个问题吗

---

这里有一个问题。

这似乎是谷歌提供自定义字体的方式与IE8希望如何提供自定义字体之间的兼容性问题

第9期此处：

---

如果字体存储在本地，则可以采取变通办法，但这不能直接解决我问题中描述的问题。

您可能需要重命名字体文件：小提琴出错；由于语法错误，段落文本根本不是Lato格式。@JukkaK.Korpela-您能详细说明一下吗？在所有测试过的浏览器中都是Lato的。发布的代码不会重现这个问题。它在

p

的CSS代码中有一个很小但很严重的语法错误。

h1

的部分工作正常（不存在的字体系列名称

Lato-Thin

被忽略），因此如果它在某些环境中不工作，问题显然是在涉及的其他一些代码中。这是IE8中呈现的它的屏幕截图-你是对的，忽略了“Lato-Thin”，但我没有得到任何语法错误。你可以清楚地看到它的重量不对。编辑：发现了一个缺少的逗号，但即使包含了它，我也得到了完全相同的结果。