在IE中遇到@ font-face问题

我想从fontsquirrel.com使用@ font-face工具包。我已经直接从他们提供的文件提取的一切，但使用的开发工具在IE9测试时，我得到如下结果：在IE中遇到@ font-face问题

浏览器模式：IE9，文档模式：IE9标准 - 字体渲染正确
浏览器模式：IE8，文档模式：IE8标准 - 字体不渲染
浏览器模式：IE7，文档模式：IE7标准 - 字体不渲染

好奇和真气的事情是，当我观看来自@字体面对面套件的演示文件它在以上三种情况下都能正确渲染。就像我说的一切都是从提供的文件复制/粘贴。

我能想到的唯一区别是我使用HTML5 Boilerplate。

任何想法将不胜感激。

响应评论：

下面是字体：http://www.fontsquirrel.com/fonts/bebas-neue

而且我使用的CSS：

@font-face { 
font-family: "BebasNeueRegular"; 
src: url('BebasNeue-webfont.eot?') format('eot'), 
    url('BebasNeue-webfont.woff') format('woff'), 
    url('BebasNeue-webfont.ttf') format('truetype'), 
    url('BebasNeue-webfont.svg#webfontfvFLBU0N') format('svg'); 
font-weight: normal; 
font-style: normal; 
}

来源

2011-11-22 Jason

你能发表你正在使用的@ font-face规则吗？谢谢。 –

IIRC IE9有一个全新的文本渲染引擎，它解释了不同之处。你说这个字体在其他版本中根本没有用过？ – reisio

我们在所有浏览器中成功使用FontSquirrel的@ font-face工具箱 –

杰森，你font-face代码不完全匹配我下载的工具包里有什么。注意第四行（我标注了一些注释的惊叹号）与你的不同。

@font-face { 
    font-family: 'BebasNeueRegular'; 
    src: url('BebasNeue-webfont.eot'); 
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), /* !!! */ 
     url('BebasNeue-webfont.woff') format('woff'), 
     url('BebasNeue-webfont.ttf') format('truetype'), 
     url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}

来源

2011-11-22 20:45:53 ScottS

修复它。这很有趣，从我下载套件开始几个星期。也许他们已经更新了它。谢谢。 – Jason

所有你真正需要的，IIRC，是'？'之后.eot，没有格式参数，没有woff，没有svg，没有额外的eot。 – reisio

然后它不适用于其他浏览器。他对IE有问题，但他希望它能跨浏览器工作（这就是为什么其他东西在那里）。唯一可能被驳斥的是.woff，但.ttf是大多数其他浏览器，而.svg是iphone和ipad。 – ScottS

在IE中遇到@ font-face问题

回答

相关问题