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

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已选择为“monospace”字体系列设置较小的基本字体大小。

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

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