Skip to content

Instantly share code, notes, and snippets.

@chrisblackwell

chrisblackwell/system-fonts.css

Created May 28, 2018 16:12
Show Gist options
  • Save chrisblackwell/f898df14c0cb0ed803eae4ad2e6212b4 to your computer and use it in GitHub Desktop.
Save chrisblackwell/f898df14c0cb0ed803eae4ad2e6212b4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
system-fonts.css
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