更小的浏览器默认等宽字体

Question

让我们来看这个：

.courier {
  font-family: 'Courier';
}

.monospace {
  font-family: monospace;
}

<p class="courier">Some sample text</p>
<p class="monospace">Some sample text</p>

为什么默认的等宽字体会更小？font-family: monospace;的默认大小是多少？

- VorganHaze

---

仅供参考：在这里（在Mac上的Firefox中），“Courier”类别并没有显示为“Courier”或者单纯的等宽字体（而是默认衬线字体，可能是Times New Roman）。只有当我将font family更改为'Courier', monospace时，它才会显示为等宽字体（但是字体大小会变大，就像你所描述的那样）。 - Johannes

这对我来说很奇怪。有什么想法吗？ - VorganHaze

没有，我不知道 - “Courier”已经安装在我的系统中。也许这与那些代码片段的工作方式有关，模拟浏览器引擎（？） - Johannes

Answer 1

不同的浏览器有不同的基本渲染默认值。 WebKit 和 Firefox 选择为“等宽字体”设置较小的基本字体大小。

https://www.brunildo.org/test/monospace_fsize.html

浏览器在没有开发者CSS定义时会设置这些默认值，以提高内容的可读性。

- Zaqx