我们之前使用的是 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-height
div 后,左右两侧的 case 采用相同的 div 高度。但是,由于新版本的默认间距,会发生行高问题和垂直对齐中间问题。有什么技巧可以删除这些空格吗?