Back to Cheatsheets

CSS system fonts

CSSFeaturable

System fonts

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

This uses whatever system font is available. See: System shock - Designing Medium (medium.com)

Explanation

FontOS
-apple-systemOS X (10.11+), iOS (9+)
BlinkMacSystemFontOS X, Chrome
Segoe UIWindows
RobotoAndroid 4.0+
OxygenLinux, KDE
UbuntuLinux, Ubuntu
CantarellLinux, GNOME
Fira SansFirefox OS
Droid SansAndroid (until 3.2)
Helvetica NeueOS X (10.9)