Html 为什么两种字体在相同字体大小下显示高度不同的文本？

为什么用相同字体大小的两种不同字体书写的文本看起来不一样？例如，在以下代码中，“A”设置为50px。在输出中，我看到两个大小不同的A

有人可以解释一下，或者提供一些资源来理解文本的结构，设置字体大小，行高等等。我找不到一个清晰的解释

正文{
字体大小：100px；
}
.一{
字体系列：Arial；
}
.二{
字体系列：“源衬线Pro”；
}

A.
A.

在金属字体时代，任何特定字体的字形大小 点的大小是通过拟合最高的上升点和 该特定字体的整个字符集中最深的下行字符 在金属类型或排序上

在数字类型中，这些物理约束不再是问题，并且 因此，相对于数字边界框的图示符大小，或 设计空间，由字体设计师指定。因此,， 字体大小和外观因字体而异

---

每种字体在行距内都可以有自己的字符宽度和高度：1。你的情况是100px，这就解释了