Question

编辑：同时我发现this answer，说我不知道它是否仍然有用。

在这里我的沙箱使用Codepen：https://codepen.io/joondoe/pen/orpQRp

CSS规范确认： CSS从字体继承了单位pt（点）和pc（pica）

使用维基百科，我知道一点= 0.0352778cm。因此，将1除以0.035得到的商为28.6。很好。

字母M有效为1厘米。我假设它是大写字母M的大小，但是我没有找到关于我的假设的明确证明。也许有人可以分享这个问题的治疗方法？

h1{
  font-size:28.5pt;
}

<h1>M</h1>
<p> <i>the capital <b>M</b> makes approximately 1cm</i><p>

任何提示都会很棒，谢谢

Answer 1

CSS是否使用大写M作为字体大小的参考？

简短的回答：不，字母M不用作参考。引用此fantastic answer：

回溯到在金属上创建字母时，em表示要在其上雕刻字母的每个块的大小，该大小由大写字母M确定，因为它通常占用最大空间。

（...）

一种字体字形与另一种字体的实际大小总是在变化   取决于：


开发人员在创建字体时如何设计字体字形

以及浏览器如何呈现这些字符。没有两个浏览器会完全相同。

查看字体的屏幕的分辨率和ppi。

因此，字体大小没有标准化，您可以将两种不同的字体设置为相同的大小，但是每种字体上的相同字母具有非常不同的大小（请参见下面的示例）。每个字母的大小由设计每种字体的人定义。话虽这么说，但不同字体的最大字符应具有相同的大小。

h1{
  font-size:28.5pt;
}

#courier {
  font-family:courier;
}

#arial {
  font-family:arial;
}

<h1><span id="courier">/M</span><span id="arial">M/</span></h1> 

<p> <i>the capital <b>M</b> makes approximately 1cm</i><p>

CSS是否使用大写M作为字体大小的参考？

1 个答案: