儘管IE，@ font-face不適用於Chrome和FireFox

Question

對不起，這個問題可能會被重複，但我找不到任何問題的答案。 在css中實現@ font-face在IE中正常工作，但在FireFox和Chrome中無效。 我想非標準字體添加到我的網站，所以我把文件Snazanin.ttf和Snaznnbd.ttf到同一個目錄中的CSS文件，並添加如下代碼爲CSS：

@font-face{ 
     font-family: MyFont; 
     src:url('Snazanin.ttf')format('truetype') ; 
    } 
    @font-face{ 
     font-family: MyFont; 
     src:url('Snaznnbd.ttf')format('truetype'); 
     font-weight: bold; 
    } 

和在另一個css文件，我有：

#mainframe{ 
    width:666px; 
    margin:0px auto 0px auto; 
    font-family:MyFont; 
} 

也是在同一個目錄，我有一個包含文件的.htaccess：

AddType font/ttf .ttf 

正如我前面提到的，與我沒有任何問題E但鉻和FireFox未能顯示MyFont 感謝您的回答

Answer 1

我假設它與瀏覽器對filetype的支持有關。 這裏有幾個簡單的引用：

http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

http://caniuse.com/ttf

http://caniuse.com/woff

http://caniuse.com/eot

http://caniuse.com/svg-fonts

您可能需要提供多個字體文件。根據w3schools鏈接，ttf/eot混合應該包括你。