html - 为什么垂直对齐受 Crimson Text 字体的字体粗细影响？

Question

最近我一直在研究页面http://nate.fm/articles/ 的 anchor 标签CSS。如果您在链接 Light 或 Pro-Life vs Pro-Birth 周围分配边框，并将它们的 font-weight 更改为超过 500 然后垂直对齐突然从中间变为顶部。下面我添加了显示此内容的图片:

字体粗细 700:

字体粗细 500:

更令人惊讶的是，对于除 Crimson Text 之外的任何其他字体系列，此错误都消失了。我试图在本地复制错误但失败了。

谁能解释一下这个错误？

Answer 1

由于您提到它只发生在 Crimson Text 中，它可能只是粗体时字体呈现的方式。这里问了一个类似的问题:Bold text line-height is higher than normal text line-height

我试着禁用页面上的所有其他样式，看看是否有什么东西覆盖了它，但找不到任何罪魁祸首。

可能的解决方法是添加一些 padding-top。