抱歉,这个问题可能重复,但我找不到任何问题的答案。 在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 谢谢你的回答
答案 0 :(得分:2)
我认为它与浏览器对文件类型的支持有关。 以下是一些快速参考:
http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp
您可能想要提供多个字体文件。根据w3schools链接,ttf / eot混合应该让你满意。