如何将css仅应用于文本内部/或任何<p><p>中的数字元素? [英] How to apply css to only numbers in a text inside/or any <p><p> element?

问题描述

我在我的网站中使用区域语言 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.

这篇关于如何将css仅应用于文本内部/或任何<p><p>中的数字元素?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！