仅 Internet Explorer 7 中的 CSS 字体支持答案

【问题标题】：CSS font-face support in Internet Explorer 7 only仅 Internet Explorer 7 中的 CSS 字体支持
【发布时间】：2012-12-21 09:56:05
【问题描述】：

我从http://www.fontsquirrel.com/fonts/Chantelli-Antiqua 下载了这个免费的字体工具包我可以在任何常见的浏览器（包括旧的 IE6）中正确看到它，但在 IE7 中。我刚刚下载了该工具包并在我安装的任何浏览器中打开了演示文件，但 IE7 看起来有些问题。是 IE 问题还是 CSS 问题？谢谢！

CSS 代码：

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

}

【问题讨论】：

很奇怪……我觉得不错！您确定在 IE7 中查看时不会进入“怪癖模式”吗？
如何检查，如何防止？谢谢！
如果您进入 IE9（或桌面模式下为 10）并按 F12，您应该会看到底部出现一个栏，其中包含两个下拉菜单（浏览器模式和文档模式），请确保两者都已设置到 IE7（希望这是有道理的）

标签： css internet-explorer-7 font-face

【解决方案1】：

尝试将format('embedded-opentype') 替换为format('eot') - 应该会有所帮助。

【讨论】：