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

概述必须是一些基本的东西我在这里错过我认为font-weight：bold不应该改变文本占用多少垂直空间。特别是当line-height设置为高于font-size时。 http://jsfiddle.net/Arkkimaagi/7xAyy/ 在我的OSX镀铬这三个文字高度不匹配。第二个与font-weight：bold比其余的高1px。第三个div只是解决问题的一个例子(差) 我正在尝试将线高度设 必须是一些基本的东西我在这里错过我认为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

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

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

总结

以上是内存溢出为你收集整理的html – 粗体文本行高高于正常文本行高全部内容，希望文章能够帮你解决html – 粗体文本行高高于正常文本行高所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。