html - 字体 "bottom-padding"比预期的大

Question

我最近为我的元素购买了 Proxima Nova 字体，但我在垂直对齐时遇到了问题。如果我完全按照 Arial 设置所有边距、行高和填充，我不会得到相同的结果并且字体未对齐。您可以看到 Arial 很好地居中，Proxima nova 的底部填充比顶部填充大。

我想这是字体的问题 - 问题是 - 我该如何解决这个问题？我必须重做字体吗？我可以设置一些 css 属性来解决这个问题吗？

我创建了一个页面来演示这个问题:

http://fonts.knyt.tl/

编辑:

我的问题是 - 有没有一种方法可以全局“配置字体”以获得正确的填充，这样我就不必在决定更改字体后重写整个 css 代码？还是我必须编辑字体文件才能实现此目的？

Answer 1

我想，是字体的问题。您使用的字体，即； 'proximanova' 在其底部填充了一点填充物。或者，您应该将填充调整为

padding: 10px 10px 8px 10px;

或更改使用的“字体”文件。

希望对您有所帮助。