Html 为什么垂直对齐会受到深红色文本字体字体重量的影响？

最近，我一直在玩网页锚定标签的css，如果你在链接

Light

或

Pro-Life vs-Pro-borning

周围指定边框，并将其

字体重量

更改为大于

500

，然后突然垂直对齐从中间变为顶部。在下面，我添加了显示这一点的图像：

字体大小700:

字体重量500:

更令人惊讶的是，除了深红色文本之外，这个错误在任何其他字体系列中都会消失。我试图在本地服务器上复制该错误，但失败了

---

有人能解释一下这个错误吗？

因为你提到它只发生在深红色的文本中，这可能就是字体粗体显示的方式。这里提出了一个类似的问题：

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

---

一个可能的解决办法可能只是在桌面上添加一些填充物。

对于mac上的chrome，它不会在500和700之间改变任何东西。@GermanoPlebani在我的windows 10 chrome 53.0.2785.143上，它会改变。这种字体肯定有问题。另一个用户的Windows 10操作系统上没有出现相关的错误。单个字体仅设计为在一个特定的大小下工作，增加字体的重量会产生一个虚假的粗体重量，您不应该期望它工作。字体系列可能具有更粗体和更轻的重量，更改

字体重量可以在两者之间进行选择。您需要通过使用
@font-face{font-family:xxxxx}
，使用自定义字体设置此行为。如果我不确定行距到底是什么原因，我会看看我能找到什么。让我们看看。您链接的问题是关于
行距的。但在我的情况下，线的高度不会改变。此时，
框大小调整
受到影响。同样，正如Germono提到的，这个bug并没有出现在mac OS上。因此，它不是字体设计的方式；这是一个特定于浏览器/操作系统的错误。@user31782询问者将其称为行高，但如果您阅读了被接受的答案，则会提到这是因为字体本身而不是行高。我的理解是，这种字体的呈现方式存在问题——特别是在某些浏览器/操作系统上。