如何使用phonegap在android中正确显示阿拉伯字母？

Question

我正在使用phonegap制作Android应用程序，它包含阿拉伯语和英语文本。我也使用阿拉伯语字体，并且更改字体工作正常，在网络浏览器中阿拉伯语文本看起来很好，但在我用于测试的Android设备“HTC One V”没有显示应该是，文件保存在UTF-8。任何人都可以告诉我如何在phonegap中正确显示阿拉伯文字。谢谢      

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

 <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;  
 }