Css 如何处理自定义字体附带的额外空白？

我在我的web应用程序中使用自定义字体，正如下面的图片所示，它下面有额外的空白，这使得在按钮等元素中对齐有点棘手

我试着用不同的线高，但没有改变。我相信下面的空间是需要的一些这种字体的连字，这是罚款。但是我可以在上面添加额外的空间来匹配所有内容并使对齐更容易吗？最好与css

---

您可以使用css中的

行高

属性来垂直降低高度

---

类似地，您可以使用

填充顶部

在文本顶部添加空格

使用不同的值填充顶部/底部以纠正此问题。。如果不编辑字体，就无法真正控制空间。字体可能正是您想要的。还有一些工具可以用来更改字体的垂直度量，s的字体生成器确实支持这一点。