Created
March 1, 2018 12:11
-
-
Save oropesa/f4458f3e36f20fcd994b49a1b30ceb88 to your computer and use it in GitHub Desktop.
Uses the native font of the operating system to get close to a native app feel.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .system-font-stack { | |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| } | |
| /** | |
| -apple-system. is San Francisco, used on iOS and macOS (not Chrome however) | |
| BlinkMacSystemFont. is San Francisco, used on macOS Chrome | |
| Segoe UI. is used on Windows 10 | |
| Roboto. is used on Android | |
| Oxygen-Sans. is used on GNU+Linux | |
| Ubuntu. is used on Linux | |
| "Helvetica Neue". and Helvetica is used on macOS 10.10 and below (wrapped in quotes because it has a space) | |
| Arial. is a font widely supported by all operating systems | |
| sans-serif. is the fallback sans-serif font if none of the other fonts are supported | |
| **/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment