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

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和火狐选择为“等宽”字体系列设置一个较小的基本字体大小。

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

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