【问题标题】:Which monospace font does a browser use?浏览器使用哪种等宽字体?
【发布时间】:2013-04-28 02:21:38
【问题描述】:

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

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

【问题讨论】:

  • 取决于操作系统和安装的字体。
  • 等宽​​是常用的一种,它为每个字符使用相同的宽度(“Courier New”、Courier...)
  • 取决于客户端浏览器的设置
  • 对于 Android 上的 Chrome,它甚至不会是等宽字体。

标签: css fonts webfonts


【解决方案1】:
  1. 使用开发工具
  2. 选择 HTML 元素
  3. 搜索“渲染字体”

Demo

【讨论】:

  • 在第 2 步之后,我不得不从“样式”选项卡切换到“计算”选项卡
【解决方案2】:

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

【讨论】:

  • edit您的帖子并附上您的操作系统和浏览器及其版本。
【解决方案3】:

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

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

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

【讨论】:

  • 如果它取决于操作系统,为什么 Chrome 和 Firefox 之间的字体看起来不同,在相同的操作系统上字体设置为“等宽”?
  • 这个答案不是特别准确(而且不够准确,我无法在不改变作者意图的情况下对其进行编辑以使其正确)。在 Linux 上,浏览器可能默认询问 fontconfig “等宽字体”映射到什么,但我认为其他操作系统甚至没有操作系统范围默认等宽字体的概念,因此浏览器有自己的默认设置。然后用户还可以自定义默认值——进入浏览器的设置并搜索“字体”,你就会找到它。因此,它更多地取决于用户代理而不是操作系统。
猜你喜欢
  • 1970-01-01
  • 2018-12-30
  • 2019-08-07
  • 2016-06-27
  • 1970-01-01
  • 2023-04-09
  • 1970-01-01
  • 2015-04-24
  • 2017-04-16
相关资源
最近更新 更多