【问题标题】:Vertical-alignment issues with Helvetica NeueHelvetica Neue 的垂直对齐问题
【发布时间】:2013-05-09 03:47:58
【问题描述】:

这是对 Helvetica Neue 的轻微但持久的烦恼(在 Arial 中不会发生)

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

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

即使显式设置行高,也会发生偏移。我怎样才能阻止这种情况?

【问题讨论】:

  • Helvetica Neue 对于网络来说是一个糟糕的选择,我发现。我们遇到了从字体大小问题到后备问题(在 Windows 上)、不一致的行高等各种问题。

标签: css fonts vertical-alignment


【解决方案1】:

我的经验是连 Helvetica Neue 都懒得理会。无论如何,Mac 都预装了 Helvetica,它没有 Helvetica Neue 所具有的粗体文本的偏移问题。

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

【讨论】:

  • Ben- 感谢您的链接/建议- 直到您和 Robert 提到它不知道 Helvetica Neue 有问题。我切换到 font-family:sans-serif 并且我所有的垂直对齐问题立即在 chrome/safari 中消失了,尽管现在一切都在 Firefox 中向上移动了......:S
【解决方案2】:

此处的原始问题已在较新版本的 Chrome 中得到修复。设置为 vertical-align: top: http://jsfiddle.net/nwXHG/ 时,表格仍然会导致问题

解决方法:改成vertical-align: middle

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-05-02
    • 2011-02-26
    • 1970-01-01
    • 2012-10-01
    • 2018-10-29
    • 1970-01-01
    相关资源
    最近更新 更多