即使meyer重置，Chrome和IE9之间的CSS不一致？

Question

左边是Chrome，右边是IE9。

正如您在上图中看到的那样，即使使用 Meyer CSS重置，浏览器之间仍然存在不一致之处。该图中有两个例子：

1. IE9显然有几乎所有文字的深色字体。
2. 无论出于何种原因，<hr/>标签都没有排队（但它们确实很接近）并且会抛弃剩下的内容。

除了应用 Meyer CSS重置以在这些浏览器之间获得更多一致性之外，我还需要做些什么吗？

此外，根据您在上面看到的内容，除了颜色和字体大小外，重置后没有应用边距或填充。

CSS

h1 {
    font-family: Lato;
    font-size: 26px;
    font-weight: normal;
    color: #154995;
}

h2 {
    font-family: Lato;
    font-size: 24px;
    font-weight: normal;
    color: #333333;
}

h3 {
    font-family: Lato;
    font-size: 20px;
    font-weight: normal;
    color: #154995;
}

h4 {
    font-family: Lato;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

h5 {
    font-family: Lato;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.small-text {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: regular;
    color: #333333;
}

Answer 1

您指出的差异都是基于在Chrome和IE9输出中使用两种不同字体的事实。一旦你调整了css font-family，所以两个浏览器都使用相同的字体，那么它应该没问题。

<强>更新
看到你的css之后，你只为你的元素指定Lato字体，看起来chrome和IE9都找不到字体Lato所以两者都应用了默认字体，这与一个字体不同另一方面，尝试指定后备字体，如：

font-family: Lato, Arial, sans-serif;

如果上面仍然给你不同的输出，那么在一个浏览器而不是其他浏览器中选择Lato，你可以使用以下方法检查：

font-family: Arial, sans-serif;

表示所有元素，并且两个浏览器的输出结果相同。

更新2：
另请参阅有关如何将Lato webfont添加到您的网站的说明： http://www.google.com/webfonts#UsePlace:use/Collection:Lato

Answer 2

根据我所使用的font-family可能不是系统字体，它是一种网络字体，所以这里的东西是1浏览器占用网络字体而其他不是，所以默认{{1使用

字体