与Helvetica Neue字体垂直对齐问题(Vertical-alignment issues

2019-09-20 01:59发布

这是一个小,但持续性的烦恼与Helvetica Neue字体(未发生W¯¯宋体)

文本是完全垂直对齐当文本的任何部分被加粗会略微向下移位。 虽然这是一个小的移动时,它通过侧混合粗体和非粗体文本元素的一面,当废墟对准。

见http://jsfiddle.net/ZZ3m6/7/的例子。

即使明确设置行的高度,会出现移位。 我怎样才能停止?

Answer 1:

我的经验是不是即使Helvetica Neue字体打扰。 Mac自带有黑体反正预装,它并没有以大胆文字Helvetica Neue字体有抵消的问题。

编辑:这是一个已经可以用来解决这个问题的一些CSS两轮牛车一个相关的问题: Helvetica Neue字体基线渲染问题与Firefox /苹果机



Answer 2:

原来这里的问题是固定在Chrome的更新版本。 当设置为表仍然可以带来麻烦vertical-align: top : http://jsfiddle.net/nwXHG/

解决方案:改变vertical-align: middle



文章来源: Vertical-alignment issues with Helvetica Neue