2017-08-16 56 views
3

從數據庫中查詢字符串看起來像這樣អាស័យដ្ឋានបច្ចុប្បន្ន 123, Street: National Road 3, ភូមិ ១, អូរឫស្សីទី ២, ៧មករា, ភ្នំពេញ តទៅនេះហៅថាភាគី«ក»។如何字體面只適用於一定範圍內的Unicode字符

我用字型font-family: 'Battambang', cursive;。使用該字體的ASCII字符看起來不錯,但字符串內的其他字符看起來有點麻煩。

渲染的瀏覽器,它看起來像這樣:

View on Browser

如果我刪除字體面的非Unicode字符看起來不錯,但Unicode字符沒有。

Removing font-face

因此,有沒有什麼絕招CSS我可以使用的字體僅適用於特定的Unicode字符而不是別人?

+2

退房'Unicode的range'。 – 2017-08-16 05:14:23

+2

你也應該注意到,'元素{FONT-FAMILY:font1,font2,font3}'會自動嘗試退卻到'font2'如果字形不'font1'支持。 – Kaiido

+4

技術說明:它們是*全部* Unicode字符。 –

回答

5

由於馬德望字體不包含這些字符,他們落回你指定什麼:草書。使用通常會被繼承的那個。

font-family: Battambang, Roboto; /* or whatever it would be normally */ 

對於該字體做包含要排除的字符,你還需要指定一個unicode-range

@font-face { 
    src: /* … */; 
    font-family: Battambang; 
    unicode-range: U+1780-17FF, U+200B-200C, U+25CC; 
}
+0

感謝它工作得很好。由於對我來說這是一種非常新的語法,我不清楚'unicode-range'。你說過使用'unicode-range'來從指定的'Battambang'字體中排除字符,然而從你的答案中的文檔鏈接中說'unicode範圍的CSS描述符設置要使用的字符的特定範圍,字體面[....]'。它的含義與你所說的'包含'與'排除'不同。謝謝。 –

相關問題