CSS：IE“忽略”字体系列，正文除外答案

【问题标题】：CSS: IE "ignores" font-family, except for in bodyCSS：IE“忽略”字体系列，正文除外
【发布时间】：2012-02-18 17:03:19
【问题描述】：

我无法让 IE 识别我正在测试的 wordpress 网站中的字体。我在大部分网站上使用 Helvetica，在某些较小的部分使用“Harabara”。为此，我将主体的字体系列设置为 Helvetica，将较小部分的字体系列设置为“Harabara”。这是@font-face：

@font-face {
font-family: 'HarabaraBold';
src: url('/harabara-webfont.eot');
src: url('/harabara-webfont.eot?#iefix') format('eot'),
     url('/harabara-webfont.woff') format('woff'),
     url('/harabara-webfont.ttf') format('truetype'),
     url('/harabara-webfont.svg#webfontHeOfUYwt') format('svg');
     font-weight: normal;
     font-style: normal;
}

这是身体：

body {
font-size:100%/130%;
line-height: 1;
color: black;
background: #fff;
font-family:Helvetica,Times New Roman,Verdana,Garamond;
width:100%;
}

以及使用 Harabara 的小节示例：

#sidebar-homepage li{
list-style: none;
font-family: 'HarabaraBold';
letter-spacing: 1px;
font-size: 1.1em; 
text-align: left;
margin-top: 40px;
margin-left: 4px;
text-shadow:1px 1px 1px #3fa3b8;
}

当我在 Chrome/FF 中查看网页时，侧边栏主页列表项以 harabara 字体正确显示。当我在 IE 中测试页面时，边栏列表项最初显示在 harabara，但奇怪的是，一旦鼠标光标进入窗口，就会切换到 Helvetica。

我不确定@font-face 是否有问题，但我已经尝试了here 的建议

运气不好。

也很抱歉，但恐怕没有该网站的实时版本可显示。

【问题讨论】：

每个 IE 版本还是只有 7 / 8 ？
另外，你有 DOCTYPE 吗？当心怪癖模式！（更不用说兼容模式了）
@veritas - 我一直在用 IE8 进行测试。
@Mr Lister - 这是文档类型：ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" rel="nofollow" target="_blank">w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">。据我所知，它是常用的 wordpress
刚刚用 IE6 检查过。那里没有出现问题

标签： css wordpress internet-explorer font-face font-family

【解决方案1】：

解决了。我稍微清理了 CSS：以前我在“#sidebar-homepage li”之类的部分中有字体系列，我将它们删除并将它们放入“#sidebar-homepage”部分。之后它开始工作。不知道为什么！

【讨论】：