formattazione HTML arabi lettere di testo

Question

voglio colorare alcune lettere in un testo in arabo, per esempio questo testo:

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

che mi dà questo testo normale:

Così ho messo alcune lettere nei tag per colorarle:

HTML:

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

CSS:

Ma io voglio dare un normale testo leggibile in arabo:

b { 
    color: #e74c3c; 
} 

e questo mi ha dato così:

Ho provato a cambiare tipo di carattere, ma sembra essere lo stesso problema con tutti i font in modo che il problema non è nei font.

Answer 1

Prova ad aggiungere uno zero-width joiner Unicode character prima del tag di apertura. Si dovrebbe verificare questo in tutti i browser, in quanto è un problema che alcuni non possono affrontare.

Answer 2

Ho un test qui, ma trovo piccoli tagli tra lettere di colore rosso e seguente lettera:

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

https://jsfiddle.net