Skip to content

Instantly share code, notes, and snippets.

@fagci

fagci/system-fonts.scss

Last active August 12, 2019 05:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fagci/b4a2409a52551a148405a4b65b20b6c5 to your computer and use it in GitHub Desktop.
Save fagci/b4a2409a52551a148405a4b65b20b6c5 to your computer and use it in GitHub Desktop.
Download ZIP
Most recent variant of CSS system font families
Raw
system-fonts.scss
$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
$font-family-sans-serif-condensed: "DINNextW01-CondensedMed", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", "Roboto Condensed", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
$font-family-serif: Georgia, Times, Times New Roman, serif;
$font-family-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
.condensed {
font-family: $font-family-sans-serif-condensed;
font-stretch: condensed;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment