首页 >web前端 >css教程 >CSS 中的字体大小真的是从上升到下降测量的吗?

CSS 中的字体大小真的是从上升到下降测量的吗?

Barbara Streisand
Barbara Streisand原创
2024-11-16 07:14:03620浏览

Does Font Size in CSS Really Measure From Ascenders to Descenders?

理解 CSS 中的字体大小测量:神话与现实

在 CSS 中,设置 font-size 属性会引发对其实际高度的查询。虽然传统观点认为它对应于从上升到下降的高度,但重要的是要更深入地研究这个主题。

历史根源

最初,排版中的“em”单位表示块分配给雕刻每个大写字母的大小,特别是 M。如今,数字字体没有这样的物理限制,允许字体设计者根据他们的愿景设置 em 大小。

定义标准

在 OpenType 中字体中,em 大小通常为 1000 单位,而在 TrueType 字体中,通常为 1024 或 2048。为了确保一致性,建议使用 EM 单位定义字体样式。这样,font-size 指的是字体的 x 高度,代表基线和平均线之间的距离。

测量单位

各种单位用于测量字体大小:

  • 点(ATA): 0.3514598 毫米
  • 点(PostScript): 0.3527777778 毫米
  • 像素(PX): 根据屏幕分辨率而变化

神话与现实

字体大小代表从上升到下降的高度的误解并不普遍正确。这很大程度上取决于字体开发人员的设计和浏览器的渲染能力。

例如,Apple 的 Zapfino 脚本字体最初设计时使用了比预期更大的小写字母,导致在给定点值下的明显字体大小更大.

其他资源

  • [国际统一版式测量](https://archive.org/details/InternationalUnificationOfTypographicMeasurements/page/n11/mode/2up)
  • [点(版式)](https://en.wikipedia.org/wiki/Point_(typography))
  • [每英寸像素](https://en.wikipedia.org/wiki/ Pixels_per_inch)
  • [字体规格](https://en.wikipedia.org/wiki/Font_metrics)
  • [印刷单位](https://en.wikipedia.org/wiki/ Typography_units)

实践探索

要获得第一手资料,请考虑探索 FontForge 或 Fontlab Studio 等字体开发工具。这些平台提供了对字体设计内部运作的访问,允许您操作字体字形并了解它们的几何形状。

以上是CSS 中的字体大小真的是从上升到下降测量的吗?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn