设置CSS字体大小（以像素为单位）时，该值是否指向字母的宽度或高度？

Question

字体大小的像素值是指字体的高度还是字体的宽度？

CSS：

.sixteen {
  font-size: 16px;
}

HTML：

<span class='sixteen'>a</span>

“a”是16像素高还是16像素宽，或者两者都是最大宽度/高度，以便整个角色适合16px的盒子？

我在这方面看到的所有文件都是模棱两可的。

Answer 1

高度 - 特别是从上升者的顶部（例如，“h”或“l”（el））到下降者的底部（例如，“g”或“y”）。请参阅http://en.wikipedia.org/wiki/Typeface_anatomy上有关类型解剖的有趣文章。

Answer 2

font-size属性指定字体的大小，无论使用哪个单位。字体的大小可以表征为字体的高度，但即使这只是一个松散和实用的描述;字符可以在字体大小定义的级别之上和之下延伸。大小是一个或多或少的抽象属性，它不应该与任何角色的高度（更小的宽度）相对应。

特别是，设计字母“a”占据字体的整个高度是完全错误的。 “a”的高度通常约为字体大小的一半，但这肯定会因字体而异（尝试使用相同字体大小的Times New Roman和Verdana中的“a”进行测试）。

Answer 3

根据this article by Vincent De Oliveira，font-size实际上与 actual 字符高度无关。甚至不是包含文本的内联元素的高度。

当然，font-size属性的值越大，文本越大。但是像素值不会直接转换为文本的实际大小。

但是，像素值font-size设置1em的大小，以用于设置边距，填充等。