阿拉伯文字显示不正确

Arabic text does not display correctly

所以我正在编辑标准 HTML 页面。字符集在头部设置为 "utf-8"。也使用 CSS 属性 direction (I've also tried the html dir attribute too). I've also tried a number of Arabic specific 字体将跨度选择器的方向设置为 "rtl"。

这是正在发生的事情:

不管我用什么浏览器。出于某种原因,阿拉伯文本的输出完全错误......或者是吗?字符串的某些部分看起来很相似,而其他部分只是错误的。

有什么想法可以让我的浏览器呈现我的客户示例中显示的阿拉伯语文本吗?

如果有一个您永远不应忽视的常见问题... 这是人为错误。

原来客户提供的不太对。

至少...

Photoshop 只是没有正确显示它。

最后,我确定头部设置的是UTF-8,

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

并且使用阿拉伯字体避免了添加任何方向属性的需要。

但是,对于那些来到这里的人来说,这是一个真正的问题。要研究的另一个 CSS 个属性:

unicode-bidi : bidi-override !important;

添加“!important”也是必要的。

实际上,你的情况恰恰相反。 Photoshop 错误地渲染了阿拉伯文文本,您的浏览器只是为您修复了它!

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

Adobe Photoshop(英文版)无法正确渲染阿拉伯文本,因此所有字母都分开显示,这是不正确的,阿拉伯语用户几乎无法阅读。

我真的希望你没有使用 photoshop 渲染,母语为阿拉伯语的人几乎无法辨认。