阿拉伯文字无法正确显示

时间:2015-06-23 16:30:14

标签: html utf-8 character-encoding arabic right-to-left

所以我正在编辑一个标准的HTML页面。 charset设置为" utf-8"在头上。跨度选择器上的方向设置为" rtl"使用CSS属性direction(我也尝试了html dir attribute)。我也尝试了很多Arabic specific字体。

这就是发生的事情:

Arabic text not displayed properly

我使用的浏览器并不重要。出于某种原因,阿拉伯语文本输出完全错误......或者是它?字符串的部分看起来相似,其他部分都是错误的。

如何让我的浏览器呈现我的客户端示例中显示的阿拉伯文字?

2 个答案:

答案 0 :(得分:2)

如果存在一个你不应该忽视的常见问题,那就是人为错误。

原来客户提供的内容并不是很正确。至少...... Photoshop没有正确显示它。

最后,我确保将UTF-8设置在头部,

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

并且使用阿拉伯字体无需添加任何方向属性。

然而,对于那些来这里寻求更多真正问题的人。要查看的另一个CSS属性:

unicode-bidi:bidi-override !important;

添加&#39;!important&#39;也是必要的。

答案 1 :(得分:1)

实际上,你已经反过来了。 Photoshop错误地渲染了阿拉伯语文本,您的浏览器只是为您修复了它!

让我解释一下: 当超过1个阿拉伯字母形成一个句子时,根据字母和它的位置,它们会自动与句子中的其余字母连接。因此,阿拉伯语句子通常看起来连在一起。

Adob​​e Photoshop(英文版)无法正确呈现阿拉伯文字,因此所有字母都是分开的,这是不正确的,对于阿拉伯语的人来说几乎是不可读的。

我真的希望你没有使用photoshop渲染,这对于原生阿拉伯语的人来说几乎是无法辨认的。