2

我已将“Helvetica Neue Bold”ttf 转换为在线 eot.. 但它在 ie8 及以下版本中不起作用..

我用过这个字体

@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('font/helveticaneue/helveticaneuebold.eot');
    src: url('font/helveticaneue/helveticaneuebold.eot') format('embedded-opentype'),
         url('font/helveticaneue/helveticaneuebold.woff') format('woff'),
         url('font/helveticaneue/helveticaneuebold.ttf') format('truetype'),
         url('font/helveticaneue/helveticaneuebold.svg#HelveticaNeueBold') format('svg');

}

但它在 ie8 及以下版本中不起作用 - 在其他浏览器中它工作正常

任何人都可以帮助我-请参阅以下链接网址中的“离开清单之前”标题-http: //d9692994.u118.c6.ixwebhosting.com/suitcase/check_list.html

提前致谢

4

1 回答 1

0

IE pre-9 有它自己的怪异方式。

试试这个 CSS hack：

@font-face {  
    font-family: "HelveticaNeueBold";  
    src: url("font/helveticaneue/helveticaneuebold.eot"); /* IE */  
    src: local("HelveticaNeueBold"), url("font/helveticaneue/helveticaneuebold.ttf") format("truetype"); /* non-IE */  
}

声明是必需的，因为它会混淆 IE（10 之前，它在选择器local中不支持）并强制它回退到之前的声明。local@font-facesrc

这应该适用于 IE4+。

于 2013-07-17T11:50:07.230 回答