加載自定義字體失敗

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的;蘋果手機。

如果不能解決問題，請提供更多關於瀏覽器的信息等。並給我們一個生動的例子。