Css System Font Stack Cheat Sheet

From WikiOD

Here is the cheatsheat of Css System Font Stack and basic guide on how to use Css System Font Stack

System fonts[edit | edit source]

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[edit | edit source]

Font 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 (until 3.2)
Helvetica Neue OS X (10.9)