所以我很难理解为什么 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)
因此,使用 Internet Explorer 8 中包含的开发人员工具,我检查了 CSS 解释,看起来像这样:
据我了解,我在这里看到的是 IE8 对我的 CSS 的解释,并且可疑地缺少“正常”属性。IE 已将 CSS 转换为“字体”的单行版本,但不包含“正常”部分。现在,字体“Lato”是 font-face 字体,font-face 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 的声明中包含“font-weight:normal”......有什么猜测吗?提前致谢...