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

Question

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

Answer 1

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

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

请参阅博客文章。

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

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

前三个是 SF Mono，然后是 Linux (DejaVu) 和 Mac (Menlo) 上的 Bitstream Vera 衍生字体，最后是 Windows (Consolas) 上的所有字体。