这是一个微小但持续性的烦恼与Helvetica Neue字体(未发生W¯¯宋体)与Helvetica Neue字体垂直取向问题
文字是完全垂直对齐会略微向下移动时,文中的任何一部分被加粗。虽然这是一个小小的转变,但当并排混合粗体和非粗体文本元素时,它会毁掉对齐。例如
参见http://jsfiddle.net/ZZ3m6/7/。
即使在明确设定线高时,也会发生移位。我怎样才能阻止呢?
这是一个微小但持续性的烦恼与Helvetica Neue字体(未发生W¯¯宋体)与Helvetica Neue字体垂直取向问题
文字是完全垂直对齐会略微向下移动时,文中的任何一部分被加粗。虽然这是一个小小的转变,但当并排混合粗体和非粗体文本元素时,它会毁掉对齐。例如
参见http://jsfiddle.net/ZZ3m6/7/。
即使在明确设定线高时,也会发生移位。我怎样才能阻止呢?
我的经验是不是即使Helvetica Neue字体打扰。无论如何,Mac预装了Helvetica,并没有Helvetica Neue带有粗体文本的抵消问题。
编辑:这是一个已经可以用来解决这个问题的一些CSS两轮牛车一个相关的问题:Helvetica Neue baseline rendering problem with Firefox/Mac
原来这里的问题是固定在Chrome的更新版本。当设置为vertical-align: top
时,表格仍然可能造成问题:http://jsfiddle.net/nwXHG/
解决方案:更改为vertical-align: middle
。
Helvetica Neue对于网络来说是个不错的选择,我发现了。我们已经拥有了从字体大小问题到回退问题(在Windows上)等不一致的行高。 – 2012-07-23 18:25:55