onkelbeh/cheatsheets
1
0
Fork 0
mirror of https://github.com/onkelbeh/cheatsheets.git synced 2025-06-15 06:37:26 +02:00
Code Issues 1 Releases Wiki Activity
cheatsheets/css-system-font-stack.md
Rico Sta. Cruz e116ff32bf
Update more sheets
2017-08-29 23:57:21 +08:00

1.1 KiB
Raw Blame History

title category layout
CSS system font stack CSS 2017/sheet

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

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)

Reference

{: .-one-column}