html - 在线转换 eot 文件不起作用

Question

我已经在线将 '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 及以下版本中不起作用 - 在其他浏览器中它工作正常

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

提前致谢

Answer 1

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 */  
}

local 声明是必需的，因为它会混淆 IE(10 之前的版本，它不支持 @font-face 中的 local > 选择器)并强制它退回到之前的 src 声明。

这应该适用于 IE4+。