HTML UTF8阿拉伯语文本漂移，不显示内联

Question

当我显示阿拉伯语UTF8文本时，文本会漂移并与下面的一行勾结。

我无法显示图像（你需要至少10个声望才能发布图片......）但阿拉伯语文字似乎在这里漂流！

我的标题：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

我的阿拉伯文：

    وَإِذِ اسْتَسْقَىٰ مُوسَىٰ لِقَوْمِهِ فَقُلْنَا اضْرِبْ بِعَصَاكَ الْحَجَرَ ۖ فَانْفَجَرَتْ مِنْهُ اثْنَتَا عَشْرَةَ عَيْنًا ۖ قَدْ عَلِمَ كُلُّ أُنَاسٍ مَشْرَبَهُمْ ۖ كُلُوا وَاشْرَبُوا مِنْ رِزْقِ اللَّهِ وَلَا تَعْثَوْا فِي الْأَرْضِ مُفْسِدِينَ    

Answer 1

首先检查您的浏览器编码（必须为unicode且与您的页面编码相同）

第二次检查您的信息页properties＆gt; encoding dreamweaver或其他一些程序。

您的代码正常运行 这是代码的JSFIDDLE DEMO

Answer 2

阿拉伯语UTF8文本和Google Chrome之间似乎存在一些错误，其中包括一些字体，如helvetica，helvetica neue，Georgia，阿拉伯语文本漂移，并且不会保留内联。 将字体更改为arial会解决问题。