css - 字体 xheight 不均匀 - win webkit 修复

Question

在 Windows Webkit 中有一个异常的 css 字体 xheight 问题。想发布修复程序，因为我花了几个小时才弄清楚是什么原因造成的。

问题:

h1 标语线上的不均匀 xheight - 由定位边距和 line-height 与 font-size 之间的关系弄乱 xheight 引起(可以在检查器中看到(边距:30px 0))。

Answer 1

修复

只是简单地删除了 CSS 中的边距，并使用行高和相应的字体大小来定位。很简单!

代码更新为:

font-weight: 600;
font-family: 'proxima-nova-alt-condensed', "Arial Narrow", Arial, sans-serif; 
font-size: 28px;
color: #FFFFFF;
line-height: 45px;