一定是我在这里缺少的一些基本东西。我认为 font-weight:bold 不应该改变文本占用的垂直空间。特别是当行高设置为高于字体大小时。
http://jsfiddle.net/Arkkimaagi/7xAyy/ http://jsfiddle.net/Arkkimaagi/7xAyy/
在我的 OSX chrome 上，这三个文本高度不匹配。第二个使用 font-weight:bold 的字体比其他字体高 1px。第三个div只是解决问题的一个例子（很差）
我试图在这里将行高设置为特定的高度（18px），以获得“垂直节奏”
我的问题是，如何使粗体文本和普通文本具有与示例中相同的行高？
[edit:]
here's what I see on my mac
另外，这就是我所说的“垂直节奏”的含义：http://www.alistapart.com/articles/settingtypeontheweb http://www.alistapart.com/articles/settingtypeontheweb- 示例中的基线网格更加明显：http://www.alistapart.com/d/settingtypeontheweb/example_grid.html http://www.alistapart.com/d/settingtypeontheweb/example_grid.html
有时添加顶部垂直对齐可以解决此问题（取决于字体大小/系列）。
strong { vertical-align: top; }
在您的小提琴示例中，因为您已经在容器（div）上设置了行高，所以您可以简单地添加以下内容：
span { line-height: 1em; }