使用-apple-system作为等宽字体和有衬线字体

Question

19

我知道在 macOS 和 iOS 上，-apple-system 默认使用 San Francisco 字体，但 SF Mono 和 New York（苹果产品的默认衬线字体）默认使用哪些字体？

- user12260140

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- ayanami · Accepted Answer

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

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

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

前三个是SF Mono，然后是Linux上的基于Bitstream Vera的字体（DejaVu）和Mac上的字体（Menlo），最后是适用于Windows的字体（Consolas）。