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

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%;
}