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