鏈接在CSS字體文件在Firefox不工作（但在其他瀏覽器的工作原理）

Question

我有以下代碼：

#entrance { 
    margin: 20% auto auto auto; 
    text-align: center; 
    font-family: 'Baron Neue'; 
    src: url('fonts/baron.otf'); 
} 

這使得文本中所需的字體在Chrome中呈現，即，safari和opera，但不是firefox。我所得到的是新羅馬時代。

Answer 1

使用@ font-face屬性。

@font-face { 
    font-family: Baron Neue; 
    src: local('Baron Neue'), 
    url('fonts/baron.otf'); 
    font-weight: 400; 
} 

看http://sixrevisions.com/css/font-face-guide/