Skip to content

Instantly share code, notes, and snippets.

@mtuchi
Forked from hadongsoo/font-family-s.css
Created May 31, 2017 22:17
Show Gist options
  • Save mtuchi/986d62ce4be5f82aa467b953d60d4057 to your computer and use it in GitHub Desktop.
Save mtuchi/986d62ce4be5f82aa467b953d60d4057 to your computer and use it in GitHub Desktop.
font-family collection
/* https://css-tricks.com/snippets/css/system-font-stack/ */
/* System Fonts as used by GitHub */
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* System Fonts as used by Medium and WordPress */
body {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
/* Define the "system" font family */
@font-face {
font-family: system;
font-style: normal;
font-weight: 300;
src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}
/* Now, let's apply it on an element */
body {
font-family: "system";
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment