html - 阿拉伯文字显示不正确

Question

所以我正在编辑一个标准的 HTML 页面。头部的字符集设置为“utf-8”。使用 CSS 属性 direction 将跨度选择器的方向设置为“rtl” (我也试过 html dir attribute 了)。我也尝试了一些 Arabic specific字体也是。

这是正在发生的事情:

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

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

Answer 1

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

原来客户提供的东西不太对。

至少...

Photoshop 只是没有正确显示它。

最后，我确保在头部设置了 UTF-8，

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

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

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

unicode-bidi : bidi-override !important;

添加 '!important' 也是必要的。