CSS问题，在IE8中定位字体大小

Question

请查看我的网站：http://burnett.inigowebdesign.co.uk/local_area

我正在使用Twitter引导程序CSS（使用HTML5 Boilerplate），Modernizr和使用@ font-face的Google字体。

我正在使用modernizr测试浏览器对fontface的支持 - 它不支持，我需要更改字体大小（否则会太大）

我正在测试该网站的兼容性，并注意到在IE8（以及早期版本的Safari＆amp; Opera）中我的font-size规则被忽略了。特别是，主列表中的h3元素（您可以在绿色框中左侧看到）似乎不响应我应用于它们的任何CSS。我正在使用Firebug来检查规则，并且无法找到任何可能的冲突。它甚至忽略了！重要。事实上，我可以使用内联CSS的唯一方法是使用内联CSS。

发生了什么事？

Answer 1

由于每个css文件中的font-size定义不同，文本会有所不同。 在normalize.css h3中，1.17em字体大小为fontface.css，字体大小定义为50px。浏览器可能会以不同的顺序呈现文件。

使用此属性

normalize.css文件。

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

使用此属性的fontface.css文件。

h3 {
    font-size: 50px;
/*  letter-spacing: normal;
    font-weight: normal;*/
    line-height: 36px;
}