加载自定义字体失败

Question

所以我试图加载一个CSS3的@font-face新的字体，但它不工作。 这里是我的代码：

@font-face{ 
    font-family: myFirstFont; 
    src: url('styles/LucidaGrande.ttf'); 
} 

/* [...] */ 

@media screen and (max-width: 5500px) { 
    #title{ 
     font-size:50px; 
     font-family: myFirstFont; 
    } 
} 

任何帮助吗？

Answer 1

您需要使用多种格式，并非所有浏览器都支持truetype font格式。将您的文件放入font-face generator，您将获得在每个浏览器中完成此项工作所需的所有信息：Firefox 3.5+; Opera 10+; Safari 3.1+; Chrome 4.0.249.4+; Internet Explorer 4+; iPad的;苹果手机。

如果不能解决问题，请提供更多关于浏览器的信息等。并给我们一个生动的例子。