CSS 系统字体栈速查表

本文根据 Devhints / CSS system fonts 翻译。代码示例及版本范围沿用原文。

系统字体

font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;

此功能会使用当前系统中可用的任何字体。参见： System Shock - 设计媒介 (medium.com)

说明

字体	OS
`-apple-system`	OS X (10.11+), iOS (9+)
`BlinkMacSystemFont`	OS X, Chrome
`Segoe UI`	Windows
`Roboto`	Android 4.0+
`Oxygen`	Linux, KDE
`Ubuntu`	Linux, Ubuntu
`Cantarell`	Linux, GNOME
`Fira Sans`	Firefox OS
`Droid Sans`	Android（截至 3.2 版本）
`Helvetica Neue`	OS X (10.9)