Как правильно отображать арабские буквы в андроиде с помощью phonegap?

Я делаю приложение Android в телефоне, оно содержит арабский и английский текст. Я также использую арабский шрифт, а смена шрифтов работает нормально, в веб-браузере арабский текст выглядит отлично, но в Android-устройстве «HTC One V», которое я использую для тестирования, не отображается так, как должно быть, файл сохраняется в UTF-8. Может ли кто-нибудь рассказать мне, как правильно отображать арабский текст в телефонной запинке. благодаря

بسم الله الرحمن الرحيم

<li class="arabic">ٱللَّهُ لَآ إِلَـٰهَ إِلَّا هُوَ ٱلۡحَىُّ ٱلۡقَيُّومُۚ لَا تَأۡخُذُهُ ۥ سِنَةٌ۬ وَلَا نَوۡمٌ۬ۚ لَّهُ ۥ مَا فِى ٱلسَّمَـٰوَٲتِ وَمَا فِى ٱلۡأَرۡضِۗ مَن ذَا ٱلَّذِى يَشۡفَعُ عِندَهُ ۥۤ إِلَّا بِإِذۡنِهِۦۚ يَعۡلَمُ مَا بَيۡنَ أَيۡدِيهِمۡ وَمَا خَلۡفَهُمۡۖ وَلَا يُحِيطُونَ بِشَىۡءٍ۬ مِنْ عِلۡمِهِۦۤ إِلَّا بِمَا شَآءَۚ وَسِعَ كُرۡسِيُّهُ ٱلسَّمَـٰوَٲتِ وَٱلۡأَرۡضَۖ وَلَا يَـُٔودُهُ ۥ حِفۡظُهُمَاۚ وَهُوَ ٱلۡعَلِىُّ ٱلۡعَظِيمُ <span class="ui-li-count">١</span></li> </ul> and here is my css for arabic font /*custom arabic fornt*/ @font-face { font-family: "customfont"; src: url(../../../fonts/ar-Othmani.ttf) format("truetype"); } .arabic { margin: 0; -webkit-touch-callout: none; /*prevent callout to copy image, etc when tap to hold*/ -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */ -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */ font-family: "customfont" !important; font-size:25px; font-weight: normal !important; }