Skip to content

Instantly share code, notes, and snippets.

@nurofsun
Forked from nagelflorian/stack.md
Created February 15, 2020 09:32
Show Gist options
  • Save nurofsun/08cd5af833661a27601d2b73be1619a6 to your computer and use it in GitHub Desktop.
Save nurofsun/08cd5af833661a27601d2b73be1619a6 to your computer and use it in GitHub Desktop.

Font Stack

Font Device Targeted
-apple-system (San Francisco) iOS Safari, macOS Safari, macOS Firefox
BlinkMacSystemFont (San Francisco) macOS Chrome
Segoe UI Windows
Roboto Android, Chrome OS
Oxygen / Oxygen-Sans KDE
Fira Sans Firefox OS
Droid Sans Older versions of Android
Ubuntu Ubuntu
Cantarell GNOME
Helvetica Neue macOS versions < 10.11
Arial Any
sans-serif Any

Examples

Wordpress 4.6:

body {  
   font-family: -apple-system, 
                BlinkMacSystemFont, 
                "Segoe UI", 
                Roboto, 
                Oxygen-Sans, 
                Ubuntu, 
                Cantarell, 
                "Helvetica Neue", 
                sans-serif;
}

Medium:

body {  
  font-family: -apple-system, 
               BlinkMacSystemFont, 
               "Segoe UI", 
               Roboto, 
               Oxygen,
               Ubuntu,
               Cantarell,
               "Open Sans",
               "Helvetica Neue", 
               sans-serif;
}

GitHub:

body {  
  font-family: -apple-system, 
               BlinkMacSystemFont, 
               "Segoe UI", 
               Roboto, 
               Helvetica,
               Arial,
               sans-serif,
               "Apple Color Emoji",  /* Emojis*/
               "Segoe UI Emoji", /* Emojis*/
               "Segoe UI Symbol"; /* Emojis*/
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment