Question

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

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

我已经创建了一个展示问题的页面：

enter image description here 的修改：

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

Answer 1

我认为，这是font的问题。你使用的字体，即; 'proximanova'底部有一点填充物。要么，你应该调整你的填充

padding: 10px 10px 8px 10px;

或更改使用的'font'文件。

希望它有所帮助。

Answer 2

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

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

Answer 3

我的猜测是字体的行高适应descender。尝试添加y或小写j，看它是否下降到基线以下。