专门为页面上的所有数字设置字体

Question

对于我的网页,我选择了一种适用于所有字母的字体.但是,对于所有数字,我想使用不同的字体.

有没有办法可以设置CSS规则来定位页面上的所有数字？

如果我不能严格使用CSS,我首先想到的是使用正则表达式用带有"数字"类的跨度来包围所有数字,并为该类应用字体.有一个更好的方法吗？

Answer 1

您可以通过遍历文档相对简单地在JavaScript中执行此操作,以便在span具有class属性的元素中包装任何数字序列,并font-family在CSS中声明它.

原则上在纯CSS中也是可能的,尽管只有WebKit浏览器目前支持这个:

@font-face {
  font-family: myArial;
  src: local("Courier New");
  unicode-range: U+30-39;
}
@font-face {
  font-family: myArial;
  src: local("Arial");
  unicode-range: U+0-2f, U+40-10FFFF;
}
body { font-family: myArial; }

最后,最重要的是,不要这样做.如果您对字体中的数字不满意,请不要使用该字体.