Problem in displaying Arabic fonts on QtWebKit
-
I wrote a program with QtWebkit. I used Arabic fonts in this application. But the text as shown below was inapplicable. Whether there is a solution to fix it?
!http://www.shiaupload.ir/images/50629326717303692958.jpg(test in my application)!
"an example code ":http://filesave.me/file/22481/arabicFontInWebkit-rar.html
-
html code :
@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head><style>
/Twe Arabic font for test:/
@font-face {
font-family: '__me_quran';
src: url(me_quran.ttf) format('truetype');
}
@font-face {
font-family: '__traditionalArabic';
src: url(trado.ttf) format('truetype');
}
#para1
{
font-family :/__me_quran/__traditionalArabic;
text-align : justify;/In this project i need justify alinement/
direction:rtl;
}</style>
[removed]
var step=1;
function plusZoom1(){
document.getElementById("para1").style.zoom = parseFloat(step);
step +=0.5;
}function minusZoom1(){ step -=0.5; document.getElementById("para1").style.zoom = parseFloat(step); }
[removed]
<body>
<input type="button" value="+" />
<input type="button" value="-" />
<p id="para1">
بِسْمِ اَللّٰهِ اَلرَّحْمٰنِ اَلرَّحِيمِ ( 1 ) اَلْحَمْدُ لِلّٰهِ رَبِّ اَلْعٰالَمِينَ ( 2 ) اَلرَّحْمٰنِ اَلرَّحِيمِ ( 3 ) مٰالِكِ يَوْمِ اَلدِّينِ ( 4 ) إِيّٰاكَ نَعْبُدُ وَ إِيّٰاكَ نَسْتَعِينُ ( 5 ) اِهْدِنَا اَلصِّرٰاطَ اَلْمُسْتَقِيمَ ( 6 ) صِرٰاطَ اَلَّذِينَ أَنْعَمْتَ عَلَيْهِمْ غَيْرِ اَلْمَغْضُوبِ عَلَيْهِمْ وَ لاَ اَلضّٰالِّينَ ( 7 )
</p>
</body>
</html>
@ -
!http://www.shiaupload.ir/images/47343138299124526783.jpg(incorrect diplay)!