浏览器使用哪种等宽字体？

Posted 2023-03-15

【中文标题】浏览器使用哪种等宽字体？

【英文标题】：Which monospace font does a browser use?

【发布时间】：2013-04-28 02:21:38

【问题描述】：

对于CSS，如果你指定font-family: monospace;，我的理解是浏览器会选择它的默认/首选等宽字体。

如果正确，您如何确定您的浏览器使用的是哪种等宽字体？

【问题讨论】：

取决于操作系统和安装的字体。

等宽​​是常用的一种，它为每个字符使用相同的宽度（“Courier New”、Courier...）

取决于客户端浏览器的设置

对于 android 上的 Chrome，它甚至不会是等宽字体。

【参考方案1】：

使用开发工具 选择 html 元素 搜索“渲染字体”

Demo

【讨论】：

在第 2 步之后，我不得不从“样式”选项卡切换到“计算”选项卡

【参考方案2】：

就我而言，那是lucida console 字体。也许可以帮助某人）

【讨论】：

请edit您的帖子并附上您的操作系统和浏览器及其版本。

【参考方案3】：

可以使用 5 个通用系列：“serif”、“sans-serif”、“cursive”、“fantasy”和“monospace”。当浏览器看到其中一种字体时，它会向操作系统询问该系列中的默认字体。

因此，网络浏览器使用哪种字体取决于操作系统。

详情请见Mozilla's documentation on font-family。

【讨论】：

如果它取决于操作系统，为什么 Chrome 和 Firefox 之间的字体看起来不同，在相同的操作系统上字体设置为“等宽”？

这个答案不是特别准确（而且不够准确，我无法在不改变作者意图的情况下对其进行编辑以使其正确）。在 Linux 上，浏览器可能默认询问 fontconfig “等宽字体”映射到什么，但我认为其他操作系统甚至没有操作系统范围默认等宽字体的概念，因此浏览器有自己的默认设置。然后用户还可以自定义默认值——进入浏览器的设置并搜索“字体”，你就会找到它。因此，它更多地取决于用户代理而不是操作系统。