Html 较小的浏览器默认单空格字体

Html 较小的浏览器默认单空格字体,html,css,Html,Css,让我们这样做: .courier{ 字体系列:“信使”; } .单空间{ 字体系列:monospace; } 一些示例文本 一些示例文本不同的浏览器具有不同的基本呈现默认值。WebKit和Firefox选择为“monospace”字体系列设置较小的基本字体大小 浏览器设置这些默认值,以在未定义开发人员CSS时提高内容可读性。请注意:此处(在Mac上的Firefox中)“Courier”类不使用“Courier”字体,甚至不使用单空格字体(而使用衬线默认字体,可能是Times New Roma

让我们这样做:

.courier{
字体系列:“信使”;
}
.单空间{
字体系列:monospace;
}

一些示例文本


一些示例文本

不同的浏览器具有不同的基本呈现默认值。WebKit和Firefox选择为“monospace”字体系列设置较小的基本字体大小


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

请注意:此处(在Mac上的Firefox中)“Courier”类不使用“Courier”字体,甚至不使用单空格字体(而使用衬线默认字体,可能是Times New Roman)。只有当我将
font-family
更改为
'Courier',monospace
,它才会显示为一种monospace字体(但正如您所描述的那样,字体大小更大),这对我来说很奇怪。知道为什么吗?不,不知道我的系统中安装了“Courier”。也许这与这些代码片段的工作方式有关,比如模拟浏览器引擎(?)