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

【问题标题】：How can I calculate the size of font when using different font-types?使用不同字体类型时如何计算字体大小？
【发布时间】：2020-09-02 12:00:30
【问题描述】：

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

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

【问题讨论】：

我正在删除您的最后一个问题，因为它与本网站无关，因此您避免关闭此问题
第二个问题可以试试这个网站：graphicdesign.stackexchange.com
谢谢 Temani，这是有道理的，只问一个问题是溢出的规则（有没有链接可以让我看到一些指导方针是什么？）。
您可以在帮助中心找到这个：stackoverflow.com/help/asking

标签： html css font-size

【解决方案1】：

你不是还需要加上它的 x 高度吗？

不，在文章中你可以读到：

基于其相对单位，设置字体的度量（升序、降序、大写高度、x 高度等）。请注意，某些值可能会超出 em 方格。

x-height 是我们可以使用的指标之一，但它已经包含在上升器 + 下降器的总和中

然后你可以阅读：

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

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

所以内容区域是上升和下降的总和（110px + 54px），x-height是小写字母的大小，只有49px，已经包含在内容区域中

【讨论】：