尽管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

正如我之前提到的，IE没有问题，但Chrome和FireFox无法显示MyFont 谢谢你的回答

Answer 1

我认为它与浏览器对文件类型的支持有关。 以下是一些快速参考：

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混合应该让你满意。