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