如何仅将font-face应用于特定范围的Unicode字符

时间:2017-08-16 05:07:23

标签: css unicode

从数据库查询的字符串看起来像អាស័យដ្ឋានបច្ចុប្បន្ន 123, Street: National Road 3, ភូមិ ១, អូរឫស្សីទី ២, ៧មករា, ភ្នំពេញ តទៅនេះហៅថាភាគី«ក»។

我使用了字体font-family: 'Battambang', cursive;。使用该字体的ASCII字符看起来很好,但字符串中的其他字符看起来有点麻烦。

在浏览器上呈现,它看起来像这样:

View on Browser

如果我删除font-face,则非Unicode字符看起来不错,但Unicode字符不会。

Removing font-face

因此,是否有任何CSS技巧可用于将字体仅应用于某些Unicode字符而不应用于其他字符?

1 个答案:

答案 0 :(得分:6)

由于马德望字体不包含这些字符,因此它们会回落到您指定的字体:草书。使用通常会被继承的那个。

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;
}