Skip to content

Instantly share code, notes, and snippets.

@CodeDraken
Forked from jacrook/font_variables.scss
Created November 13, 2016 21:52
Show Gist options
  • Save CodeDraken/1d2060762d2231c476d1e06519d6af09 to your computer and use it in GitHub Desktop.
Save CodeDraken/1d2060762d2231c476d1e06519d6af09 to your computer and use it in GitHub Desktop.
Sass Css Font Stack Variables
//////////////////////////////////////////////////////////////
// Font Variables (http://cssfontstack.com/)
//////////////////////////////////////////////////////////////
//
// Serif font-stacks
//
$baskerville-font-stack: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif !default;
$big-caslon-font-stack: "Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif !default;
$bodoni-mt-font-stack: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif !default;
$book-antiqua-font-stack: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif !default;
$calisto-mt-font-stack: "Calisto MT", "Bookman Old Style", Bookman, "Goudy Old Style", Garamond, "Hoefler Text", "Bitstream Charter", Georgia, serif !default;
$cambria-font-stack: Cambria, Georgia, serif !default;
$didot-font-stack: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif !default;
$garamond-font-stack: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif !default;
$georgia-font-stack: Georgia, Times, "Times New Roman", serif !default;
$goudy-old-style-font-stack: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif !default;
$hoefler-text-font-stack: "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif !default;
$lucidia-bright-font-stack: "Lucida Bright", Georgia, serif !default;
$palatino-font-stack: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif !default;
$perpetua-font-stack: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif !default;
$rockwell-font-stack: Rockwell, "Courier Bold", Courier, Georgia, Times, "Times New Roman", serif !default;
$rockwell-bold-font-stack: "Rockwell Extra Bold", "Rockwell Bold", monospace !default;
$times-new-roman-font-stack: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif !default;
//
// Sans-Serif font-stacks
//
$arial-font-stack: Arial, "Helvetica Neue", Helvetica, sans-serif !default;
$arial-black-font-stack: "Arial Black", "Arial Bold", Gadget, sans-serif !default;
$arial-narrow-font-stack: "Arial Narrow", Arial, sans-serif !default;
$arial-rounded-font-stack: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif !default;
$avant-garde-font-stack: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif !default;
$calibri-font-stack: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !default;
$candara-font-stack: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif !default;
$century-gothic-font-stack: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !default;
$frankin-gothic-font-stack: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif !default;
$futura-font-stack: Futura, "Trebuchet MS", Arial, sans-serif !default;
$geneva-font-stack: Geneva, Tahoma, Verdana, sans-serif !default;
$gill-sans-font-stack: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !default;
$helvetica-font-stack: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$impact-font-stack: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans serif !default;
$lucida-grande-font-stack: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif !default;
//
// Google font-stacks
//
$lustria-font-stack: 'Lustria', serif !default;
$ubuntu-mono-font-stack: 'Ubuntu Mono', sans-serif !default;
$lato-font-stack: 'Lato', sans-serif !default;
$lora-font-stack: 'Lora', serif !default;
$ubuntu-font-stack: 'Ubuntu', sans-serif !default;
$ubuntu-condensed-font-stack: 'Ubuntu Condensed', sans-serif !default;
$roboto-font-stack: 'Roboto', sans-serif !default;
$roboto-condensed-font-stack: 'Roboto Condensed', sans-serif !default;
$roboto-slab-font-stack: 'Roboto Slab', serif !default;
$raleway-font-stack: 'Raleway', sans-serif !default;
$raleway-dots-font-stack: 'Raleway Dots', cursive !default;
$merriweather-font-stack: 'Merriweather', serif !default;
$merriweather-sans-font-stack: 'Merriweather Sans', sans-serif !default;
$quattrocento-font-stack: 'Quattrocento', serif !default;
$quattrocento-sans-font-stack: 'Quattrocento Sans', sans-serif !default;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment