在iOS

时间:2016-10-11 04:34:43

标签: ios ionic-framework fonts opentype

我正在开发一个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显示代替“...”显示“%。”,您还可以在重音标记处看到不同的颜色。
¿任何人都能告诉我这个问题是否有解决方法,还是我们应该使用其他字体? ¿是由字体还是操作系统引起的问题? 提前谢谢!

1 个答案:

答案 0 :(得分:4)

您可以随时在线转换字体: 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;
}