css - 加载自定义字体失败

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+；歌剧 10+； Safari 3.1+； Chrome 4.0.249.4+；浏览器 4+； iPad； iPhone。

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