Css @字体不适用于IE8/9，但适用于IE7

基于Paul Irish的防弹@font-face语法，我将以下CSS代码用于自定义字体：

@font-face {
    font-family: 'TradeGothic';
    src: url('tradegothiclt.eot');
    src: local('☺'),  
        url('tradegothiclt.otf') format('otf'),
        url('tradegothiclt.ttf') format('truetype');
}

---

出于某种原因，这在Firefox、Chrome和IE7中非常有效，但在IE8/9中不起作用。你知道为什么会这样吗？我尝试过其他字体的方法，每次都得到相同的结果。我不知道它是否相关，但这是通过Wordpress安装完成的。

将

@font-face

规则移出

@media

规则

根据，at规则可能仅出现在样式表的顶层，而不是嵌套在另一个at规则中。IE9似乎强制执行了这一点，您也可以使用检查（当at规则嵌套时，会给出一条模糊的错误消息“parse error”）