与Helvetica Neue的垂直对齐问题

时间:2012-07-23 18:21:26

标签: css fonts vertical-alignment

对于Helvetica Neue来说,这是一个轻微但持久的烦恼(不会发生Arial)

当文本的任何部分以粗体显示时,完全垂直对齐的文本将略微向下移动。虽然这是一个很小的转变,但是当将粗体和非粗体文本元素并排混合时,它会破坏对齐。

例如,请参阅http://jsfiddle.net/ZZ3m6/7/

即使明确设定线高,也会发生转变。我怎么能阻止这个?

enter image description here

2 个答案:

答案 0 :(得分:2)

我的经验是不要打扰Helvetica Neue。无论如何,Mac都预先安装了Helvetica,它没有Helvetica Neue带有粗体文字的偏移问题。

编辑:这是一个相关的问题,您可以使用一些CSS hackery来解决问题:Helvetica Neue baseline rendering problem with Firefox/Mac

答案 1 :(得分:0)

此处的原始问题已在较新版本的Chrome中修复。设置为vertical-align: tophttp://jsfiddle.net/nwXHG/

时,表仍可能会出现问题

解决方案:更改为vertical-align: middle