@ font-face在IE8 / 9中不起作用,但在IE7中有效

时间:2013-01-03 01:59:54

标签: css font-face

我使用以下CSS代码作为自定义字体,基于Paul Irish的防弹@ font-face语法:

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

出于某种原因,这在Firefox,Chrome和IE7中完美运行,但在IE 8/9中不起作用。任何想法为什么会出现这种情况?我尝试过其他的font-face方法,每次都得到相同的结果。我不知道它是否相关,但这是通过Wordpress安装完成的。

1 个答案:

答案 0 :(得分:1)

@font-face规则移出@media规则。

general CSS syntax,at-rules只能出现在样式表的顶层,而不是嵌套在另一个规则中。 IE 9似乎强制执行此操作,您也可以使用W3C CSS Validator进行检查(当嵌套at-rules时,它会给出一个模糊的错误消息“解析错误”。)