2016-02-02 153 views
6

我要的顏色一些字母的阿拉伯文字,比如這樣的文字:HTML格式阿拉伯文字字母

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

,讓我這個普通文本:

enter image description here

所以我在標籤中加了一些字母給它們上色:

HTML:

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

CSS:

b { 
    color: #e74c3c; 
} 

,這給了我:

enter image description here

但我想它給正常可讀阿拉伯文字像這樣:

enter image description here

我試圖改變字體,但它似乎是同樣的問題,所有的字體,所以這個問題是不是在字體。

回答

9

嘗試在打開span標記之前添加zero-width joiner Unicode character。 你應該在所有瀏覽器中檢查它,因爲這是一些無法應對的問題。

+1

感謝的作品,但不是我說這裏面的開始標記之前將它添加標籤。 – Burawi

2

我有一個測試在這裏,但我發現之間的紅色字母和下面這封信小傷口:

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

https://jsfiddle.net

+1

你應該在連接形式的每個字母之前和之後添加符號,所以在這個代碼中,你必須先加入ا(alif)與之前的م(mim),然後再加入م(mim) ,ح(HA)與同م(MIM),這是之前和ا(ALIF)與غ(ghayn)之前它... 這是代碼: 'إذام‍ ‍اط ‍ م‍ ‍حتإلىغ‍ ‍اية' – Burawi

+0

現在,它是完美的,謝謝。 [鏈接](https://jsfiddle.net/bhallak/hrzqsuok/4/) – Basheer