Internet Explorer 8中忽略字体重量CSS(Internet Explorer 8

所以我有问题理解为什么IE在这里无视我的CSS。我有这样的代码：

<h2>Har du stadsnät eller kan du få det?</h2>

即没有什么奇怪的或任何东西。这里是产生渲染：

但这里是这个HTML CSS代码：

.rubrik, h2 {
  font-family: Lato;
  font-size: 32px;
  font-weight: normal;
  line-height: 38px;
  font-variant: normal;
  font-style: normal;
  color: #969696; 
}

其中明确指出，H2应该有“正常”的字体粗细，但呈现的文本显然是大胆的，这里是一个正确的渲染（从Safari浏览器）

因此，使用互联网的包括开发工具Explorer 8中，我检查CSS的解释，看起来像这样：

据我所知，我所寻求的，这里是我的CSS IE8的解释，怀疑缺少的是“正常”的属性。 IE已经转换的CSS为“字体”的一个行版本，但不包括“正常”的一部分。现在，字体“拉托”是字体面对面的字体，以及字体面对面的CSS是在这里：

@font-face {
    font-family: Lato;
    src: url('/media/fonts/Lato.eot');
    src: local('nofont'), url('/media/fonts/Lato.ttf') format('truetype');
}
@font-face {
    font-family: Lato;
    src: url('/media/fonts/Lato-Bold.eot');
    src: local('nofont'), url('/media/fonts/Lato-Bold.ttf') format('truetype');
    font-weight: bold;
}
@font-face {
    font-family: Lato;
    src: url('/media/fonts/Lato-Bold-Italic.eot');
    src: local('nofont'), url('/media/fonts/Lato-Bold-Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: Lato;
    src: url('/media/fonts/Lato-Italic.eot');
    src: local('nofont'), url('/media/fonts/Lato-Italic.ttf') format('truetype');
    font-style: italic;
}

即使在字体面对面声明字体重量指定“正常”的时候，这是行不通的。所以我坚持在这里，试图找出什么我做错了不要有IE包括“字体重量：正常”的声明H2 ......任何的猜测？提前致谢...

Answer 1:

我认为你需要更改的名称font-family: Lato; 每个fontface属性，如IE是可能感到困惑。相反，尝试把font-family: Lato-bold; ， font-family: Lato-italic等。此外，如果字体有粗体（如拉托不和你在fontface属性引用），那么你并不需要添加font-weight: bold; 对于fontface属性，如字体已经是大胆和添加字体重量只是补充人造大胆，使它看起来很糟糕。

这意味着你h2 ，你只需要把font-family: Lato; 如果你希望它是正常的，非粗体版本。

Answer 2:

这可能是一个继承的问题。你有没有试过把！important关键字。