这是对 Helvetica Neue 的轻微但持久的烦恼(在 Arial 中不会发生)
当文本的任何部分加粗时,完全垂直对齐的文本将略微向下移动。虽然这是一个小转变,但在并排混合粗体和非粗体文本元素时会破坏对齐。
例如,参见http://jsfiddle.net/ZZ3m6/7/ 。
即使显式设置行高,也会发生偏移。我怎样才能阻止这个?
这是对 Helvetica Neue 的轻微但持久的烦恼(在 Arial 中不会发生)
当文本的任何部分加粗时,完全垂直对齐的文本将略微向下移动。虽然这是一个小转变,但在并排混合粗体和非粗体文本元素时会破坏对齐。
例如,参见http://jsfiddle.net/ZZ3m6/7/ 。
即使显式设置行高,也会发生偏移。我怎样才能阻止这个?
我的经验是什至不打扰 Helvetica Neue。无论如何,Mac 都预装了 Helvetica,它没有 Helvetica Neue 所具有的粗体文本的抵消问题。
编辑:这是一个相关的问题,有一些 CSS 黑客可以用来解决这个问题:Helvetica Neue baseline rendering problem with Firefox/Mac
此处的原始问题已在较新版本的 Chrome 中修复。设置为:http vertical-align: top
: //jsfiddle.net/nwXHG/时,表仍然会引起问题
解决方案:更改为vertical-align: middle
.