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

30

使用CSS,如果你指定font-family: monospace;,我的理解是浏览器选择默认/首选的等宽字体。

如果是这样,你如何确定浏览器正在使用哪个等宽字体?


3
这取决于操作系统和安装了哪些字体。 - j08691
1
Monospace是常见的一种字体,使用相同的宽度来呈现每个字符(例如"Courier New"、Courier等)。 - nicolas
1
取决于客户端浏览器的设置。 - Willy Pt
在Android上的Chrome中,甚至不会是等宽字体。 - user3064538
3个回答

28

可以使用5个通用字体族:"衬线","无衬线","草书","幻想"和"等宽字体"。当浏览器看到其中之一时,它会请求操作系统中该字体族的默认字体。

因此,Web浏览器使用哪种字体取决于操作系统。

有关详细信息,请参见Mozilla font-family文档


9
如果这是与操作系统有关的问题,为什么在同一台设备上,将字体设置为“等宽字体”,在Chrome和Firefox中字体看起来不同? - AncientRo
3
这个答案并不是特别准确(而且不准确到我无法在不改变作者意图的情况下编辑它)。在Linux上,浏览器可能默认询问fontconfig“monospace”映射到什么,但我认为其他操作系统甚至没有操作系统范围内的默认等宽字体的概念,因此浏览器有自己的默认值。然后用户也可以自定义默认值-转到浏览器的设置并搜索“字体”,您会找到它。因此,这更多地取决于用户代理而不是操作系统。 - Chris Morgan

6
  1. 使用开发者工具
  2. 选择HTML元素
  3. 搜索“已渲染字体”

演示


1
我必须在第二步后从“样式”选项卡切换到“计算”选项卡。 - user3064538
它位于Chrome的计算部分底部。 - David Spector

3
在我的情况下,使用的是 lucida console 字体。也许对某些人有帮助。

3
请编辑您的帖子并包括您的操作系统、浏览器及其版本。 - Rojo
说实话,那是很久以前的事了,所以我不能确定这个信息,但当时我主要使用Windows操作系统和Google Chrome浏览器。 - chavy
1
这是Chrome浏览器的Consolas字体,版本号为111.0.5563.147(官方构建)(64位),日期为4/3/23。 - David Spector
这是Chrome浏览器中的Consolas字体,版本号为111.0.5563.147(官方版本)(64位),日期为4/3/23。 - David Spector

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接