2

我们之前使用的是 Proxima Nova 字体版本2.003。现在,我们将其升级到3.017版本。较新版本存在一些line-height问题。

在此处输入图像描述

在上图中,左边是旧版本(2.003),右边是新版本(3.017)。我已经应用font-size:32px;并且font-family: ProximaNova Semibold;在这两种情况下都使用 div 元素而不应用任何line-height.

左侧案例详细信息:

8,16, 24, 32 & 40 是字体大小

9、20、29、39 和 49 是它所采用的 div 高度大小

右侧案例详细信息:

8,16, 24, 32 & 40 是字体大小(相同的字体大小)

12、23、35、47 和 58 是它所采用的 div 高度大小

现在,您可以清楚地看到右侧 div 中的高度不同。如果放大上面的图像,您可以清楚地看到顶部和底部的额外空间被添加在那里。由于这些额外的空格,我得到了行高,文本垂直对齐中间问题。有没有办法摆脱这些顶部和底部的额外空间?

在此处输入图像描述

我试过line-height在一个div中设置。设置line-heightdiv 后,左右两侧的 case 采用相同的 div 高度。但是,由于新版本的默认间距,会发生行高问题和垂直对齐中间问题。有什么技巧可以删除这些空格吗?

4

0 回答 0