使用不同字体类型时如何计算字体大小

Question

本文（Deep dive CSS: font metrics, line-height and vertical-align - Vincent De Oliveira）说，我们可以通过添加字体的升序和降序并将该值与em-square（UPM）进行比较来确定字体类型的实际px大小。例如，在给出的示例中，具有1100上升者和540下降者（其UPM为1000）的字体类型意味着，当font-size设置为100px时，它实际上是164px。

您还不需要添加其x高度吗？

Answer 1

您是否也不需要添加它的x高度？

否，在本文中您可以阅读：

基于字体的相对单位，设置字体的度量（升序，降序，大写高度，x高度等）。请注意，某些值可能会在em-square之外流血。

x高度是我们可以使用的指标之一，但已经包含在ascender +下降指标的总和中

然后您可以阅读：

我们还可以预测大写字母高68像素（680单位），小写字母（x高度）高49像素（485单位）。结果，1ex = 49px。

https://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align

^{因此，内容区域是上升和下降的总和（110px + 54px），x高度是小写字母的大小，只有49px，并且已经包含在内容区域中}