Arabic words coloring not working in Chrome and its perfectly working in Firefox.
Below is my sentence in arabic
بِسْمِ ٱللهِ ٱلرَّحْمٰنِ ٱلرَّحِيمِ
And I am storing that sentence in database
MySql - MyISAM - utf8_unicode_ci
with CkEditor 4
Now, When i want to color that sentence in chrome, the word letters are broken up. Where as in firefox, its working good.
Updated with html code in Ckeditor
In Chrome,
<p><span style="font-size:48px"><span style="color:#FFF0F5"><span style="background-color:#008000">بِسْمِ ٱللهِ</span></span><span style="color:#008000"><span style="background-color:#FFF0F5"> ٱ</span></span><span style="color:#FF8C00"><span style="background-color:#FFF0F5">ل</span></span><span style="color:#FF0000"><span style="background-color:#FFF0F5">رَّ</span></span><span style="color:#008000"><span style="background-color:#FFF0F5">حْ</span></span><span style="color:#0000FF"><span style="background-color:#FFF0F5">مٰنِ</span></span><span style="color:#008000"><span style="background-color:#FFF0F5"> ٱلرَّحِيمِ</span></span></span></p>
In Firefox,
<p><span style="font-size:48px"><span style="color:rgb(255, 240, 245)"><span style="background-color:rgb(0, 128, 0)">بِسْمِ ٱللهِ</span></span><span style="color:rgb(0, 128, 0)"><span style="background-color:rgb(255, 240, 245)"> ٱ</span></span><span style="color:rgb(255, 140, 0)"><span style="background-color:rgb(255, 240, 245)">ل</span></span><span style="color:#FF0000"><span style="background-color:rgb(255, 240, 245)">رَّ</span></span><span style="color:rgb(0, 128, 0)"><span style="background-color:rgb(255, 240, 245)">حْ</span></span><span style="color:rgb(0, 0, 255)"><span style="background-color:rgb(255, 240, 245)">مٰنِ</span></span><span style="color:rgb(0, 128, 0)"><span style="background-color:rgb(255, 240, 245)"> ٱلرَّحِيمِ</span></span></span></p>