CSS字体大小是否以大写字母M为参考？求权威依据

嘿，这个问题挺接地气的，我来帮你拆解一下～

首先，先明确核心的单位换算逻辑：
你查到的维基百科数据是对的，CSS里的pt（磅）确实继承自印刷排版领域，标准定义是1pt = 1/72英寸，而国际标准中1英寸=2.54cm，所以换算下来：

1pt = 2.54cm / 72 ≈ 0.0352778cm

反过来，1cm对应的理论pt值就是：

1cm / 0.0352778cm/pt ≈ 28.346pt

你实际测试用28.5pt时，大写M接近1cm，出现细微差异的原因主要有这几点：

• 字体设计的差异：font-size定义的是字体的「em框」高度，但不同字体的大写字母（比如M）的实际高度（专业里叫cap-height）和em框的比例不一定是1:1。有些字体为了视觉平衡，会让大写字母略高于或低于em框，或者宽度有微调，这就导致实际显示尺寸和理论计算有偏差。
• 浏览器渲染的微调：屏幕显示时，浏览器的渲染引擎会为了文字清晰度做亚像素渲染或像素对齐处理，尤其是在非整数pt值的情况下，可能会有微小的尺寸调整。
• 手动测量的误差：屏幕的像素密度（DPI）、系统缩放设置都会影响实际显示的物理尺寸，手动用尺子测量难免有一点点误差。

至于你想要的相关资料，给你几个方向：

1. CSS官方规范：CSS Values and Units模块里明确了绝对长度单位的定义，其中pt的标准就是1/72英寸，而英寸绑定国际标准的2.54cm，这是最权威的依据。
2. 印刷排版经典书籍：比如《The Elements of Typographic Style》，里面详细讲了印刷单位的起源、pt与物理尺寸的对应，以及字体设计中em框和实际字符的关系。
3. 字体设计资料：像《Type Design for Beginners》这类入门书籍，会解释cap-height、x-height、em框这些核心概念，帮你理解为什么字符实际尺寸和font-size不是完全一一对应的。

最后补充一点：你观察到的M约1cm是个近似值，因为大部分西文字体的cap-height接近em框高度，但如果要精确控制某个字符的物理尺寸，需要结合具体字体的metrics参数（比如cap-height和em框的比例）来调整font-size，不过这需要获取字体的内部数据，不同字体比例可能不同。

内容的提问来源于stack exchange，提问作者Diagathe Josué