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

Posted 2023-03-15

【中文标题】OpenType 字体无法在 iOS 上正确呈现

【英文标题】：OpenType font not rendering properly on iOS

【发布时间】：2017-02-19 14:23:53

【问题描述】：

我正在处理一个 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 显示如何代替“...”显示“%.”，您还可以在重音标记处看到不同的颜色。 ¿ 谁能告诉我这个问题是否有解决方法，或者我们应该使用另一种字体吗？ ¿这个问题是由字体还是操作系统引起的？ 提前致谢！

【问题讨论】：

codewithchris.com/…。您可以检查您的字体是否已加载。

它正在加载，但随机显示不同的字符。

【参考方案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;

【讨论】：

谢谢，将字体更改为 truetype 修复了错误。

不用担心..我的感激之情:)