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

Voj*_*ěch 5 html css fonts less

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

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

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

http://fonts.knyt.tl/

在此输入图像描述 编辑

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

Rah*_*h M 2

我认为,这是 的问题font。您使用的字体,即;“proximanova”的底部有一点填充。或者,你应该调整你的填充

padding: 10px 10px 8px 10px;
Run Code Online (Sandbox Code Playgroud)

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

希望能帮助到你。