加载自定义字体失败

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的; iPhone。

如果没有解决问题，请提供有关浏览器等的更多信息。并举一个实例。