css - 基于字符或数字数据的字体大小

Question

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

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

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

Answer 1

如果您能够调整 HTML，最简单的解决方案是将所有数字包裹在 a 中<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%;
}