Internet Explorer @ font-face失败

Question

我正在尝试让Internet Explorer渲染我漂亮的字体.它不起作用.它们在Firefox中运行良好,我可以在我的Apache访问日志中看到IE已经删除了字体.所以它解析了font-face CSS标签,只是没有渲染它们.

我用来转换字体的网站是:http://www.kirsle.net/wizards/ttf2eot.cgi.我尝试了微软的WEFT工具,但它无法正常工作.在安装并打开它之后,它说'第一次运行它,执行此操作......'然后它不断被绞死.

这是我的CSS:

@font-face
{
   font-family: 'HelveticaLTCN';
   src: url('HelveticaNeueLTCom-LtCn_0.eot');
   src: local('HelveticaNeuel TCom LtCn'), url('HelveticaNeueLTCom-LtCn_0.ttf') format('TrueType');
}

关于为什么IE不渲染字体的任何想法？

编辑:还应该提一下,我用以下字体调用字体:

p .mytext
{
   font-family: HelveticaLTCN;
}

Answer 1

如果你已经丢了毛巾,或者你还在努力解决这个问题,我强烈推荐使用字体松鼠.它取代了WEFT远远超过任何其他在线.eot发电机.作为一个巨大的奖励,它提供了一个zip文件中所有需要的跨浏览器格式以及一个有效的CSS + HTML示例页面.这是@fontface nirvana最接近的事情.

Answer 2

请记住:.eot字体必须是最后一个"src".如果没有,IE将重写配置并使字体崩溃.

@font-face {
    font-family: "Aller Bold";
    src: url(fonts/Aller_Bd.ttf) format("truetype");
    src: url(fonts/Aller_Bd.eot);
}

Answer 3

IE 不会接受在 src 描述符中包含格式字符串的字体 - 第二个 src 行可能是罪魁祸首。如果删除它（或删除格式字符串？）会发生什么？

接下来 - 有时，IE 对于是否在 CSS 中的值周围使用引号可能有点迂腐。试试看font-family: "HelveticaLTCN"？