将 -apple-system 用于等宽和衬线

Using -apple-system for monospace and serif

我知道 -apple-system 在 macOS 上默认为 San Francisco 并且 iOS，但是什么默认为 SF Mono 和 New York（Apple 产品的默认衬线字体）？

从 Safari 13.1 开始，他们为系统字体添加了字体系列名称：

  • ui-monospace — SF Mono
  • ui-serif — 纽约
  • ui-sans-serif — 旧金山（与 system-ui 和 -apple-system 相同）

参见blog post。

我在大多数平台上用来获取系统等宽的CSS如下：

code {
  font-family: 'SF Mono', SFMono-Regular, ui-monospace,
    'DejaVu Sans Mono', Menlo, Consolas, monospace;
}

前三个是 SF Mono，然后是 Linux (DejaVu) 和 Mac (Menlo) 上的比特流 Vera-derived 字体，以 Windows 上的任何作品结尾（安慰剂）。