字体大小的像素值是指字体的高度还是字体的宽度？
CSS：
.sixteen {
font-size: 16px;
}
HTML：
<span class='sixteen'>a</span>
“a”是 16 像素高还是 16 像素宽，或者两者都像最大宽度/高度一样，以便整个字符适合 16 像素的框？
我所看到的所有文档在这件事上都模棱两可。
问问题
13536 次
3 回答
33
高度——特别是从上升部分的顶部（例如，“h”或“l”（el））到下降部分的底部（例如，“g”或“y”）。请参阅http://en.wikipedia.org/wiki/Typeface_anatomy上关于 Type Anatomy 的有趣文章。
于 2012-04-27T15:50:30.213 回答
2
该font-size属性指定字体的大小，无论使用什么单位。字体的大小可以用字体的高度来表征，但这也只是一个松散而务实的描述；字符可以在由字体大小定义的级别之上和之下延伸。大小或多或少是一个抽象属性，不应该期望它对应于任何字符的高度（仍然小于宽度）。
特别是，设计一个字母“a”占据整个字体高度的字体是完全错误的。“a”的高度通常约为字体大小的一半，但这肯定会因字体而异（尝试在 Times New Roman 和 Verdana 中使用“a”进行测试，使用相同的字体大小）。
于 2012-04-27T17:58:28.003 回答
1
根据Vincent De Oliveira 的这篇文章，实际上与字符的实际高度font-size无关。它甚至不是包含文本的内联元素的高度。
当然，font-size属性值越大，文本越大。但像素值并不直接转化为文本的实际大小。
但是，像素值font-size设置的大小1em用于设置边距、填充等。
于 2019-07-28T08:44:48.633 回答