css - Helvetica Neue 的垂直对齐问题

标签 css fonts vertical-alignment

这是 Helvetica Neue 的一个小问题,但一直存在(不会发生在 Arial 上)

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

参见 http://jsfiddle.net/ZZ3m6/7/例如。

即使明确设置行高,也会发生偏移。我怎样才能阻止它?

enter image description here

最佳答案

我的经验是根本不用理会 Helvetica Neue。无论如何,Mac 都预装了 Helvetica,它不存在 Helvetica Neue 所具有的粗体文本抵消问题。

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

关于css - Helvetica Neue 的垂直对齐问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11618206/

相关文章:

javascript - Bootstrap Navbar-Collapse 不起作用

java - PDF/A生成中字体编码的问题

html - 字体粗细不起作用

jquery - div 内的垂直对齐跨度 @ 100% 高度和悬停时的固定宽度(包括示例)

'em' 中的 HTML 选取框标记宽度表现得很奇怪

javascript - 守夜人无法在 iFrame 中选择元素

jquery - 使用 jQuery 添加/删除基于屏幕分辨率的无序列表

Java Swing 弹出字体选择

css - 在可变高度 div 内垂直居中

android - Android中的垂直(旋转)标签