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）。