HTML書式設定、アラビア語のテキスト文字

Question

Iは、例えば、アラビア語のテキストにこのテキストをいくつかの文字を色付けしたい：

إذاماطمحتإلىغاية私は、この通常のテキスト与え

：

を

タグを付けるためにいくつかの文字をタグに付けます：

HTML：

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

CSS：

b { 
    color: #e74c3c; 
} 

と、これは私を与えた：

しかし、私はそれが通常の読み込み可能なアラビア語のテキストを与えたいですそのように：

私は、フォントを変更しようとしたが、問題はフォントではないので、すべてのフォントと同じ問題のようです。

Answer 1

オープニングスパンタグの前にzero-width joiner Unicode characterを追加してみてください。 これは、一部のブラウザでは対処できない問題であるため、すべてのブラウザでこれを確認する必要があります。

Answer 2

私はここでテストを持っていますが、私は赤い色の文字と次の文字の間に小さな切り傷見つける：動作しますが、代わりに、私は内側にこれを追加しました開始タグの前にそれを追加する

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

https://jsfiddle.net