OpenType 字体无法在 iOS 上正确呈现

Question

我正在处理一个 Ionic 项目，由于某种原因，我们使用的字体在 iOS 中无法正确呈现（在 Android 中它运行良好）。我们使用@font-face 规则来使用字体。如果我切换到另一种字体效果很好（我尝试过使用其他 truetype 字体）。

@font-face {
font-family: 'font_title';
src:  url('../fonts/font_name.otf') format("opentype");
}

这里是 Example 发生的情况：标题应该是“Notificación”，但它显示的是“Notiffjcación”。 This other image 显示如何代替“...”显示“%.”，您还可以在重音标记处看到不同的颜色。
¿ 谁能告诉我这个问题是否有解决方法，或者我们应该使用另一种字体吗？ ¿这个问题是由字体还是操作系统引起的？
提前致谢！

Answer 1

您可以随时在线转换字体： https://onlinefontconverter.com/ 并检查它是否有效。一旦完成转换，就可以说是真正的字体。你可以这样使用它。

@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: normal;
  src: local('Tangerine'), url('http://example.com/tangerine.ttf') format('truetype');
}
body {
  font-family: 'Tangerine', serif;
  font-size: 48px;
}