在线转换的电子邮件文件不起作用

时间:2013-07-17 11:35:41

标签: html css css3 font-face

我已将'Helvetica Neue Bold'转换为在线电子邮件...但它在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及以下不起作用 - 在其他浏览器中它工作正常

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

提前致谢

1 个答案:

答案 0 :(得分:0)

IE 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之前,它不支持local选择器中的@font-face并强制它回退到之前的src声明。

这应该适用于IE4 +。