css - 删除字体中不需要的空间 - css

Question

我在网站上显示文本时遇到了一个愚蠢的问题。请看附图 .

我在这段文字的左边画了红线，但是“T”和“1”之间有一个空白，当它变成“2”时，空格问题就解决了。我尝试了不同的字体，但问题仍然存在。

下面是win10锁屏效果图

我正在使用这些字体

font-family: Arial, Helvetica, sans-serif;

现在，您可以看到“1”和“F”之间没有差距。有谁知道我该如何解决这个问题？

Answer 1

您可能想查看 CSS text-indent property .它有助于在新文本 block 的开头提供正面或负面的缩进。但是，如果您提供负缩进以便它在窄数字(如 1)上看起来不错，它会在宽数字(如 5)上突出。

text-indent 与 a monospace font 的组合应该可以解决您的问题。