2016-10-11 203 views
1

我正在開發一個Ionic項目,由於某種原因,我們使用的字體在iOS中無法正確呈現(在Android中它運行良好)。我們使用@ font-face規則來使用字體。如果我切換到另一種字體(我用其他truetype字體嘗試過),它效果很好。OpenType字體在iOS上無法正確呈現

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

這裏是發生了什麼的Example:標題應該說「Notificación」,而是顯示「Notiffjcación」。 This other image顯示瞭如何替代「...」顯示「%」,並且您還可以在重音標記處看到不同的顏色。
¿是否有人可以告訴我是否有解決此問題的方法,或者我們是否應該使用其他字體?這是由字體還是操作系統造成的問題?
在此先感謝!

+0

http://codewithchris.com/common-mistakes-with-adding-custom-fonts-to-your-ios-app/。你可以檢查你的字體是否已經加載。 –

+0

它正在加載,但隨機顯示不同的字符。 – avilagab

回答

2

你總是可以在線轉換字體: 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; 
} 
+1

謝謝,將字體更改爲truetype修復了錯誤。 – avilagab

+0

乾杯隊友!請upvote .. :) –

+1

我已經有了,但是我的聲望還是很低。 :| – avilagab