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

【问题标题】：Incorrect font weight displaying in Internet Explorer 8Internet Explorer 8 中显示的字体粗细不正确
【发布时间】：2014-10-16 03:57:12
【问题描述】：

我正在 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。

【问题讨论】：

您可能需要重命名字体文件：stackoverflow.com/questions/14891410/…
小提琴出错了；由于语法错误，段落文本根本不是拉托语。
@JukkaK.Korpela - 你能详细说明一下吗？在所有经过测试的浏览器中，它都在拉托语中。
贴出的代码没有重现问题。它在p 的 CSS 代码中有一个微不足道但严重的语法错误。 h1 的部分工作正常（不存在的字体系列名称Lato-Thin 被忽略），因此如果它在某些环境中不起作用，则问题显然出在涉及的其他代码中。
这是它在 IE8 中呈现的屏幕截图 - imgur.com/uCkd4NC 'Lato-Thin' 被忽略是对的，但我没有收到任何语法错误。你可以清楚地看到它的重量是错误的。编辑：发现了一个缺少的逗号，但即使包含它，我也得到完全相同的结果。

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

【解决方案1】：

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

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

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

【讨论】：