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

发布时间：2020-12-14 21:41:35 所属栏目：资源来源：网络整理

导读：必须是一些基本的东西我在这里错过我认为font-weight：bold不应该改变文本占用多少垂直空间。特别是当line-height设置为高于font-size时。 http://jsfiddle.net/Arkkimaagi/7xAyy/ 在我的OSX镀铬这三个文字高度不匹配。第二个与font-weight：bold比其余的高1

必须是一些基本的东西我在这里错过我认为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是两种不同的字体)即使在相同的字体大小和行高上也具有相同的垂直空间。

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!