Html “字体”；底衬；比预期的要大

我最近为我的项目购买了

Proxima Nova

font，但在垂直对齐时遇到了问题。如果我将所有边距、行高和填充设置为与

Arial

完全相同，则不会得到相同的结果，并且字体未对齐。您可以看到，

Arial

很好地居中，

Proxima nova

的底部填充比顶部填充大

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

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

编辑：

---

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

我认为，这是

字体的问题。你使用的字体，即；'proximanova'底部有一点填充物。或者，你应该根据需要调整你的填充物

padding: 10px 10px 8px 10px;

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

希望有帮助。
这里看起来不错。不知道它有什么问题，但是检查一下是否有一些附加组件或扩展在字体外观上产生了问题

当然，使用
padding
属性调整字体并不是一个好的做法，所以最好避免使用它。
我猜字体的行高与字体大小相适应。尝试添加y或小写的j，看看它是否下降到基线以下。
我在FF Chrome中没有看到任何问题？您使用哪个浏览器生成上述问题？我可以在FF和Chrome中看到它，如果您测量顶部和底部的像素，您将了解我的意思。请删除填充，然后添加线条高度。字体大小：20px行高：40px；Vikas：没有效果，还是一样的问题。在Linux上的Chrome中看起来很好（只要你使用
行高：1；
）。我不想让我的css代码充满填充，因为字体是特定的。一旦我决定改变字体，我不想重写所有的css。最后我们替换了字体。谢谢大家。只需花一个小时调试这个额外的空间。开始怀疑我的职业选择！我还没有在windows上测试过，但这在所有苹果OSX上都会发生。我也测试过windows。