如何将css仅应用于文本内部/或任何<p><p>中的数字元素?
我在我的网站中使用区域语言 unicode 字体,但数字看起来不太好.
I am Using a Regional language unicode font-face in my site but the numbers are not looking good.
所以我只想将新的字体样式或 css 应用于数字..
So I want to apply new font-style or css to numbers only..
请帮忙
推荐答案
这可以使用 CSS 的 unicode-range
属性,存在于 @font-face
中.
This can be done using CSS's unicode-range
property which exists within @font-face
.
数字 0 到 9 在 Unicode 中存在于 U+0030代码> 到
U+0039
.因此,您需要在现有字体旁边添加一个专门针对此范围的字体:
The numbers 0 to 9 exist in Unicode within the range U+0030
to U+0039
. So what you'll need to do is include a font alongside your existing font which specifically targets this range:
@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) 的每个实例都将显示为专门针对该范围,并且所有其他字符都将使用您当前的字体.
The result of this will be that every instance of Unicode characters U+0030
(0) through to U+0039
(9) will be displayed in the font which specifically targets that range, and every other character will be in your current font.
相关文章