字体大小是如何测量的？
Pau*_*kis 6 html css fonts font-size
背景：我正在尝试使用字形位图进行字体渲染，我需要一种方法来验证我在屏幕上以正确的大小渲染文本。
所以当有人说：font-size: 64px这个 64 应该出现在哪里？我在 HTML 中尝试了相同的练习，但现在我比开始之前更加困惑。这就是 HTML 使用font-size: 64px. 红线 - 我试图height: 64px在这些字母周围装一盒：
如您所见，我找不到将 64px 与视觉字母匹配的方法。
有人可以向我解释这个 64px 应该出现在哪里吗？
我知道字体大小是一种非常古老的东西，它来自物理印刷机，并且也考虑了一些间距，但在数字时代没有任何逻辑/规则吗？它在字体文件中是完全任意的吗？假设我正在制作一种新字体：是否有任何关于 64px 字体大小的指南？
最初，font-size 是通过所谓的 em-square 来测量的，即大写 M 字符的水平宽度：
\n\n\n类型块的高度称为 \xe2\x80\x98em\xe2\x80\x99，它源自大写 \xe2\x80\x98M\xe2\x80\x99 字符的宽度；其设计目的是使该字母的比例为正方形（因此为 \xe2\x80\x98em 正方形\xe2\x80\x99 面额）。\n( http://designwithfontforge.com/en-US/The_EM_Square.html）
\n
在CSS中，font-sizeinpt或px代表（如果有的话）这个em-square。但：
\n\n有一天，我看了一堆大学水平排版课程的课程幻灯片。其中之一声称从基线（字母如 H 的底部）到大写字母高度（字母如 H 的顶部）的距离就是磅值。我希望这是真的，因为它比现实简单得多。平均而言，大写字母高度约为点大小的 70%。\n（http://www.thomasphinney.com/2011/03/point-size/）
\n
所以我想你问题的答案是：这要看情况。em 方形仍然是指导原则，但字体的实际大小很大程度上取决于设计者，并且通常比 em 方形大得多。\n或者您可以尝试在 70% 标记的基础上构建并寻找 70% 64px（大约是 45px）的高度是正常大写字母（例如 H 或 M）的高度。
\n我还发现这个链接对于 CSS 中的印刷问题非常有帮助：https://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align
\nPS\n请注意，这em-square两个引号所讨论的印刷形式与 CSS 中的 -unit 不同em。在 CSS 中，em是相对于父容器（或浏览器中的默认设置）的字体大小。