@字體面在IE8/9不工作，但在IE7

Question

工作

我使用自定義字體下面的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中完美工作，但在IE 8/9中不起作用。任何想法，爲什麼這可能是這種情況？我嘗試了其他的字體表面方法，每次都得到相同的結果。我不知道它是否相關，但是這是通過Wordpress安裝完成的。

Answer 1

將@font-face規則移出@media規則。

通過general CSS syntax，at-rules可能只出現在樣式表的頂層，而不是嵌套在另一個at-rule內。 IE 9似乎強制執行此操作，並且您還可以使用W3C CSS Validator（它在嵌套at-rules時提供一個模糊的錯誤消息「解析錯誤」）來檢查此問題。