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

Question

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

Answer 1

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

ui-monospace — 顺丰单声道

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) 上的 Bitstream Vera 衍生字体，最后在 Windows (Consolas) 上可用。