9

CSS system fonts cheatsheet

 2 years ago
source link: https://devhints.io/css-system-font-stack
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

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

-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)

report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK