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

nic*_*ckh 18 css fonts webfonts

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

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

nic*_*ckh 15

可以使用5个通用族:"serif","sans-serif","cursive","fantasy"和"monospace".当浏览器看到其中一个时,它会向操作系统询问该系列中的默认字体.

因此,Web浏览器使用的字体是依赖于操作系统的.

有关详细信息,请参阅Mozilla的文档font-family.

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

小智 8

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

演示