Helvetica Neue的垂直对齐问题

Question

Helvetica Neue存在一个轻微但持续的问题（在Arial上不存在）。

当文本完美地垂直对齐时，如果文本的任何部分加粗，则会向下略微移动。虽然这是一个小问题，但当混合粗体和非粗体文本元素并排使用时，它会破坏对齐。

请参见http://jsfiddle.net/ZZ3m6/7/以获取示例。

即使明确设置行高，也会发生偏移。我该如何解决这个问题？

- Yarin

---

我发现Helvetica Neue不适合网页使用。我们遇到了从字体大小问题到回退问题（在Windows上），以及不一致的行高等各种问题。 - Robert K

Answer 1

我的经验是不要使用Helvetica Neue。Mac系统已预装了Helvetica字体，而且它没有Helvetica Neue在加粗文本方面的偏移问题。

编辑：这里有一个相关的问题，其中包含一些CSS技巧，可用于解决该问题：Helvetica Neue在Firefox/Mac上的基线渲染问题

- Ben Dyer

---

Ben- 感谢你的链接/建议- 在你和罗伯特提到之前，我不知道 Helvetica Neue 有问题。我切换到 font-family:sans-serif 后，立即在 Chrome/Safari 中消除了所有垂直对齐问题，但现在在 Firefox 中一切都向上移动了... :S - Yarin

更多关于H Neue的问题：http://angelobeltran.com/blog/articles/helvetica-neue-the-ugly-truth/ - Yarin

Answer 2

这里的原始问题已在较新版本的Chrome中得到解决。当表格设置为vertical-align: top时，仍可能会出现问题：http://jsfiddle.net/nwXHG/

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

- sandinmyjoints