HTML 格式化阿拉伯文字母

HTML formatting Arabic text letters

我想给阿拉伯文本中的一些字母上色,例如这个文本:

إذا ماطمحت إلى غاية

这给了我这个正常的文本:

所以我在标签中放了一些字母来给它们上色:

HTML:

إذا <b>م</b>اط<b>م</b>حت إلى <b>غ</b>اية

CSS:

b {
    color: #e74c3c;
}

这给了我:

但我希望它提供像这样的正常可读阿拉伯语文本:

我试过更改字体,但似乎所有字体都有同样的问题,所以问题不在字体中。

尝试在起始 span 标签前添加 zero-width joiner Unicode character。 你应该在所有浏览器中检查这个,因为这是一些无法应对的问题。

我在这里进行测试,但我发现红色字母和后面的字母之间有小切口:

إذا <b>م&zwj;</b>ا ط<b>م&zwj;</b>حت إلى <b>غ&zwj;</b>اية

https://jsfiddle.net