I am trying to use a custom arabic font file "ttf" in my jQuery mobile 1.4.0 application and Phonegap application for Android, but it did not work on Android version 4.x, by default the Arabic font is displayed in the emulator and the actual device is not my custom font .
How can I use a custom Arabic font in jQuery mobile 1.4.0 and phonegap for android v4.x and make it work?
Please help me..
@font-face{
font-family:'W3Arabic';
src: url("Fonts/W3Arabic.ttf");
}
font {
text-shadow:0 0 0;
-moz-user-select: none;
-webkit-user-select: none;
font-family: "W3Arabic" !important;
}
The font is displayed in the default Arabic format for mobile devices, as shown below.
source
share