Cordova application shows phone's default font

Question

Iam new to cordova application development, i have a developed an online corodva app both in android and ios paltform in which arabic font is taking from the server, but it is displaying not in the correct font family , i want the font family "me_quran", serif.. I hope now the arabic text is showing as phone's default font family.

How can i show in the correct font family?? Thank You.

Answer 1

I suspect that the font file isn't loading. Assuming you are using CSS, have you included the font source file? e.g.

@font-face { 
    font-family: "MeQuaran"; 
    src: url('me_quaran.ttf'); 
}

Place .ttf file in platforms/android/assets/www/ and you should be OK.