在 CSS 中设置字体大小时,了解其真实高度代表什么非常重要。与您可能想象的相反,字体大小并不直接对应于字母的像素高度。相反,它指的是一个名为“em”的概念。
“em”起源于金属活字印刷时代。它指的是包含每个字母的方块,通常基于大写字母“M”的高度。随着数字字体的出现,这种物理限制不再适用。
在现代字体技术中,“em”仍然是软件中的想象边界。通常在 OpenType 字体中设置为 1000 个单位,在 TrueType 字体中设置为 1024 或 2048 个单位。要准确定义字体大小,请使用“em”单位,因为它代表基线和字体中线之间的距离,而不是像素高度。
不同印刷单位和屏幕分辨率之间的转换可以变得复杂。不过,需要注意的是,1 点 (Truchet) 大约等于 0.35 毫米,1 像素 (PX) 是屏幕上的单个“点”,具体取决于屏幕分辨率。
尽管存在标准,但给定字体中字形的实际高度可能会有很大差异,具体取决于:
例如,Apple 创建的 Zapfino 脚本字体最初的大小是相对于字体中最大的大写字母。然而,小写字母显得很小,因此后来对字体进行了修改,使给定的点大小比其他字体大大约 4 倍。
了解字体大小的真正本质CSS 对于确保数字设计中排版的一致和准确至关重要。在指定字体大小以达到所需的视觉效果时,必须考虑字体的规格、浏览器兼容性和屏幕分辨率。
以上是CSS 中的字体大小实际测量什么?的详细内容。更多信息请关注PHP中文网其他相关文章!