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