css - 加载自定义字体失败

Question

所以我试图用 CSS3's 加载新字体@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格式。将您的文件放入字体生成器中，您将获得在每个浏览器中完成这项工作所需的所有信息：Firefox 3.5+；歌剧 10+；Safari 3.1+；铬 4.0.249.4+；互联网浏览器 4+；平板电脑；苹果手机。

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