为什么我的自定义字体使用font-face进行不同的渲染？

Question

我正在使用以下css：

@font-face {
    font-family: 'bariol_regularregular';
    src: url('Bariol_Regular.otf');
}

正在使用该字体，页面上没有错误。当我将此自定义字体添加到页面上的文本时，它与默认样式明显不同。

这是字体应该显示的方式：

然而，这就是它的表现：

特别注意撇号（'）和字母'g'，其中出现最显着的差异。

如果我使用原生应用，则字体显示正确。我下载字体的网站上的演示文字也正确显示 - https://www.dafontfree.net/freefonts-bariol-f64170.htm

我有什么遗漏/没有正确做的事吗？

Answer 1

字体有多个可供各种字符使用的字形，因此您需要找到字符代码。