firefox字體渲染不正確

Question

我的網站的字體呈現出現問題。徽標字體在Chrome和Safari瀏覽器中正確渲染，但不在Firefox中。

這是CSS代碼：

@font-face { 
    font-family: 'Bello Pro'; 
    src: url('./Bello Pro.otf'); 
} 

.logo { 
    font-family: 'Bello Pro'; 
    font-size: 40px; 
    font-weight: lighter; 
} 

在此先感謝

Answer 1

確保Firefox的版本，同時支持@font-face，和你的字體格式。您可能還想檢查權限，有時firefox不會根據原始策略和/或某些格式呈現字體。

您應該使用在線字體轉換器並提供所有格式的字體（otf，ttf，eot，woff，svg）。