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

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;的默认大小是多少？

Answer 1

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

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

浏览器设置这些默认值以提高未定义开发人员 CSS 时的内容可读性。