如何处理自定义字体附带的多余空白？

Question

[我在我的Web应用程序中使用自定义字体，如下面的图像所示，它在其下方带有一个额外的空格，这使得在对齐元素（例如按钮）方面有些棘手。

我尝试使用不同的线高进行演奏，但并没有改变。我相信此字体的一些连字需要在其下方的空间，这很好。但是我是否可以在上面也添加额外的空间以使其完全匹配并使对齐更容易？最好使用CSS。

Answer 1

您可以在css中使用line-height属性来垂直减小高度。

类似地，您可以使用padding-top在文本顶部添加空格