我正在 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;
}