为何monospace字体在不同Chromium内核浏览器中显示效果存在差异？

虽然Chrome、Brave、Edge都基于Chromium内核，但monospace字体显示不同主要有以下几个原因：

• 默认字体栈配置差异：不同浏览器厂商会对Chromium的默认字体配置做自定义修改。比如Chrome可能将某款等宽字体（如Windows上的Consolas）设为monospace的首选，而Brave和Edge采用了另一套字体优先级顺序，最终选到了不同的系统字体。
• 字体渲染策略不同：各浏览器会针对字体渲染做独立优化，比如抗锯齿算法、字重调整、字形微调等，即使用的是同一款字体，渲染效果也可能有差异。
• 系统字体调用逻辑差异：浏览器会调用系统的字体渲染引擎，不同浏览器对系统渲染参数的读取或应用逻辑可能存在细微区别，导致显示效果不同。

验证方法 #

1. 打开浏览器开发者工具（F12），进入「Elements」→「Computed」面板，找到「Fonts」选项，查看当前页面实际渲染的字体名称，对比三个浏览器的差异，就能明确是不是字体选择不同导致的。
2. 在CSS中强制指定具体等宽字体，比如：

font-family: 'Consolas', 'Courier New', monospace;

如果设置后三个浏览器显示一致，就说明是默认字体栈的问题。

内容的提问来源于stack exchange，提问作者Garvie Zhao