最近我一直在研究页面http://nate.fm/articles/ 的 anchor 标签CSS。如果您在链接 Light 或 Pro-Life vs Pro-Birth 周围分配边框，并将它们的 font-weight 更改为超过 500 然后垂直对齐突然从中间变为顶部。下面我添加了显示此内容的图片:
字体粗细 700:
字体粗细 500:
更令人惊讶的是，对于除 Crimson Text 之外的任何其他字体系列，此错误都消失了。我试图在本地复制错误但失败了。
谁能解释一下这个错误？
最佳答案
由于您提到它只发生在 Crimson Text 中，它可能只是粗体时字体呈现的方式。这里问了一个类似的问题:Bold text line-height is higher than normal text line-height
我试着禁用页面上的所有其他样式，看看是否有什么东西覆盖了它，但找不到任何罪魁祸首。
可能的解决方法是添加一些 padding-top。
关于html - 为什么垂直对齐受 Crimson Text 字体的字体粗细影响？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40124379/