基于字符或数字数据的字体大小 [重复]

Question

我正在尝试找到一种方法，将数字显示为比网站上的字符更大的字体（不是我的想法！）。这样做的原因是为了让数字脱颖而出。

我一直在寻找一种无需编码即可满足此要求的字体，但我找不到任何字体。另外，我不想通过将字体转换为图像来减慢网站速度。

有没有人能解决这个荒谬的问题？

Answer 1

如果您能够调整 HTML，最简单的解决方案是将所有数字包裹在 <span class="numerical"> 中，然后使用 CSS 调整字体大小。比如：

HTML

<p><span class="numerical">1</span> to <span class="numerical">50</span>.</p>

CSS

p {
  font-size: 100%;
}
.numerical {
  font-size: 150%;
}