2012-07-23 41 views
3

这是一个微小但持续性的烦恼与Helvetica Neue字体(未发生W¯¯宋体)与Helvetica Neue字体垂直取向问题

文字是完全垂直对齐会略微向下移动时,文中的任何一部分被加粗。虽然这是一个小小的转变,但当并排混合粗体和非粗体文本元素时,它会毁掉对齐。例如

参见http://jsfiddle.net/ZZ3m6/7/

即使在明确设定线高时,也会发生移位。我怎样才能阻止呢?

enter image description here

+1

Helvetica Neue对于网络来说是个不错的选择,我发现了。我们已经拥有了从字体大小问题到回退问题(在Windows上)等不一致的行高。 – 2012-07-23 18:25:55

回答

2

我的经验是不是即使Helvetica Neue字体打扰。无论如何,Mac预装了Helvetica,并没有Helvetica Neue带有粗体文本的抵消问题。

编辑:这是一个已经可以用来解决这个问题的一些CSS两轮牛车一个相关的问题:Helvetica Neue baseline rendering problem with Firefox/Mac

+0

本 - 感谢您的链接/建议 - 直到您和罗伯特提到它不知道Helvetica Neue有问题。我切换到font-family:sans-serif,并且立即所有的垂直对齐问题都在chrome/safari中消失了,不过现在所有东西都在Firefox中向上移动......:S – Yarin 2012-07-23 19:35:36

+0

更多关于H Neue问题:http://angelobeltran.com/博客/文章/黑体 - 抵达Neue最丑陋的真理/ – Yarin 2012-07-24 10:28:04

0

原来这里的问题是固定在Chrome的更新版本。当设置为vertical-align: top时,表格仍然可能造成问题:http://jsfiddle.net/nwXHG/

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