尽管IE浏览器,@ font-face仍无法在Chrome和FireFox中运行

时间:2013-08-19 12:23:20

标签: html css .htaccess fonts font-face

抱歉,这个问题可能重复,但我找不到任何问题的答案。 在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 谢谢你的回答

1 个答案:

答案 0 :(得分:2)

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

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