Цвета арабских диакритических знаков в браузере Chrome отключены - PullRequest
Новая
       25

Цвета арабских диакритических знаков в браузере Chrome отключены

0 голосов
/ 06 июля 2019

Я пытаюсь использовать форматированный арабский текст для раскрашивания некоторых букв и диакритических знаков.Это работает нормально, как предполагается в Firefox.Но в Chrome некоторые буквы и диакритические знаки являются несвязанными буквами.Есть ли какое-то решение для этого.

Вот форматированный арабский текст. 

    <b>
 <font size="36">
   <font color="blue">ٱلَّذِينَ يُؤْمِنُونَ بِ<font color="green">ٱ</font>لْغَيْبِ وَيُقِيمُونَ <font color="gray">ٱ</font><font color="orange">ل</font>صَّلَ<font color="pink">و</font><font color="Olive">ٲ</font>ةَ وَمِ<font color="Teal">مّ</span>َا رَزَ<font color="Purple">قْ</font>نَ<font color="Olive">ـٰ</font>هُمْ يُ<font color="Navy">نف</span>ِق<font color="Fuchsia">و</font>نَ</font>
  </font>
</b>

enter image description here

1 Ответ

0 голосов
/ 06 июля 2019

Это ошибка в WebKit, интерпретирующая слова, разделенные разметкой.Я предлагаю вставить элемент соединения нулевой ширины (например, используя ссылку на сущность ‍) в начале и конце содержимого элемента span (если вы хотите, чтобы буквы были прикреплены): 

*{
font-size:36px;
}

.firstpart{
color: red;
}

.secondpart{
color: blue;
}
<span class="firstpart">وفّ&zwj;</span>&zwj;<span class="secondpart">&zwj;قك الله أخي الفاضل لما يحبّه ويرضاه</span>

Вы можете посетить эту ссылку , чтобы иметь глубокое представление об этой и других похожих проблемах и знать, с какими проблемами вы можете столкнуться с различнымибраузеры.

...