javascript - 如何将 css 仅应用于文本内部/或任何 <p><p> 元素中的数字？

Question

我在我的站点中使用区域语言 unicode 字体，但数字看起来不太好。

所以我只想将新的字体样式或 css 应用于数字..

请帮忙

Answer 1

这可以使用 CSS 的 unicode-range property 来完成存在于 @font-face 中。

Unicode 中的数字 0 到 9 存在于 U+0030 to U+0039 范围内.因此，您需要做的是在现有字体旁边添加一种专门针对此范围的字体:

@font-face { 
    font-family: 'My Pre-Existing Font';
    ...
}
@font-face {
    font-family: 'My New Font Which Handles Numbers Correctly';
    ...
    unicode-range: U+30-39;
}

这样做的结果是，Unicode 字符 U+0030 (0) 到 U+0039 (9) 的每个实例都将以以下字体显示专门针对该范围，其他所有字符都将使用您当前的字体。