时间戳

首页 > 解决方案 > 将 -apple-system 用于等宽和衬线

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

问题描述

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

标签： ioscssfonts

解决方案

从 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) 上可用的任何字体。

推荐阅读