Question

我无法让IE识别我正在测试的wordpress网站中的字体。我在大多数网站使用Helvetica，在某些较小的部分使用“Harabara”。为此，我将body的font-family设置为Helvetica，将较小部分的font-family设置为“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

没有任何运气。

也道歉，但是我不担心这个网站的现场版本。

CSS：IE“忽略”font-family，除了正文

0 个答案: