Шрифт 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; 
}