字体“底部填充”比预期的大。

Question

我最近为我的项目购买了Proxima Nova字体，并且我有问题垂直对齐它。如果我设置所有的边距，行高和填充与Arial完全一样，我不会得到相同的结果和字体是错对齐。您可以看到Arial很好地居中，而Proxima nova的底部填充比顶部的填充要大。

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

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

http://fonts.knyt.tl/

​

编辑

我的问题是-是否有一种方法在全局上“配置字体”以获得正确的填充，这样一旦我决定更改字体，就不必重写整个css代码了吗？或者我必须编辑字体文件才能做到这一点？

Answer 1

我认为，这是font的问题所在。你所用的字体，即“接近”字的底部有一点填充物。或者，你应该调整你的垫子

padding: 10px 10px 8px 10px;

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

希望能帮上忙。

Answer 2

这里看起来很好。不知道它有什么问题，但是检查一下是否有一些附加或扩展在字体外观上造成了问题。

当然，使用padding属性调整字体并不是一个好的实践，所以最好避免它。

Answer 3

我猜字体的线条高度是适应下降点的.尝试添加y或小写j，看看它是否低于基线。