html - 字体未按预期显示，为什么我的 i 顶部不是圆角的？

Question

我正在尝试使用自定义字体，代码如下：

@font-face {
  font-family: 'Biko';
  src: url('/fonts/Biko_Bold.otf') format('opentype');
  font-weight: bold;
}

body {
  font-family: 'Biko', Fallback, sans-serif;
}

该字体显示如下：

然而这是不正确的，字母的顶部i应该是圆角的，这就是字体的样子（注意这是 OTF 预览的截图）：

有什么想法我可能在这里做错了吗？

标签： htmlcssfont-facewebfonts