22 lines
896 B
Markdown
22 lines
896 B
Markdown
---
|
|
title: "CSS: System font stack"
|
|
category: CSS
|
|
---
|
|
|
|
> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
|
|
| 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: <https://medium.com/design/system-shock-6b1dc6d6596f>
|