html – 粗体文本行高高于正常文本行高

前端之家收集整理的这篇文章主要介绍了html – 粗体文本行高高于正常文本行高前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
必须是一些基本的东西我在这里错过我认为font-weight:bold不应该改变文本占用多少垂直空间。特别是当line-height设置为高于font-size时。

http://jsfiddle.net/Arkkimaagi/7xAyy/

在我的OSX镀铬这三个文字高度不匹配。第二个与font-weight:bold比其余的高1px。第三个div只是解决问题的一个例子(差)

我正在尝试将线高度设置为特定(18像素),具有“垂直节奏”

我的问题是,如何使用与示例中相同的行高的粗体和正常文本?

[编辑:]
这是我在mac上看到的

另外,这里是我所说的“垂直节奏”:http://www.alistapart.com/articles/settingtypeontheweb
– 基准网格在示例中更为可见:http://www.alistapart.com/d/settingtypeontheweb/example_grid.html

解决方法@H_403_18@
它完全取决于您使用的字体。没有关于OSX或Chrome文本呈现将确保两个不同的字体(以及Helvetica-neue和Helvetica-neue-bold是两种不同的字体)即使在相同的字体大小和行高上也具有相同的垂直空间。

即使这太多了,你可能会认为来自同一个家庭的两种不同的字体可能是一致的,通常它们是,但可悲的是,你选择的两种字体不是。

猜你在找的HTML相关文章