0

我正在使用以下 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 中不起作用。任何想法为什么会这样?我尝试了其他字体方法,每次都得到相同的结果。我不知道它是否相关,但这是通过 Wordpress 安装完成的。

4

1 回答 1

1

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

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

于 2013-01-03T11:07:24.357 回答