HTML formatowanie arabskie litery tekstowe

Question

chcę pokolorować niektóre litery w tekście arabskim, na przykład ten tekst:

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

że daje mi to normalny tekst:

Więc umieściłem kilka liter w metkach, aby je pokolorować:

HTML:

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

CSS:

b { 
    color: #e74c3c; 
} 

i to dało mi:

ale chcę to dać normalny czytelnego tekstu arabskiego w ten sposób:

Próbowałem zmieniając czcionkę, ale wydaje się być ten sam problem ze wszystkimi czcionkami więc problem nie jest w czcionek.

Answer 1

Spróbuj dodać zero-width joiner Unicode character przed otwarciem znacznika zakresu. Powinieneś to sprawdzić we wszystkich przeglądarkach, ponieważ jest to problem, z którym niektórzy nie mogą sobie poradzić.

Answer 2

mam test tutaj, ale uważam, że małe kawałki pomiędzy czerwonymi literami koloru i następującą literę:

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

https://jsfiddle.net