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。我得到的只是新罗马时代。

score 2 · Accepted Answer

使用@font-face 属性。

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

1 回答 1