css - 在 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。我得到的只是 times new roman。

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/