相同的字体在chrome和firefox中显示不同

Question

A

p {
  font-family: monospace;
}

<p>
  this is a paragraph
</p>

简单的font-family css样式集，但是它在chrome和firefox中显示不同的字体，我想知道为什么

Answer 1

我在 Safari 中看到了细微的差别（右侧），但它们在 OSX 上的 Chrome 和 Firefox 上是相同的：

右键单击该元素并选择“检查”。转到“计算”

• 在 Chrome 中，当我向下滚动时，我会看到“渲染字体：Menlo - 本地文件”
• 在 Firefox 和 Safari 中我需要转到右侧的“字体”，在 FX 中我看到 Menlo Regular
• 在 Safari 中我看到它正在使用 Courier