Skip to content

Instantly share code, notes, and snippets.

@pxdsgnco
Created January 9, 2019 09:23
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 pxdsgnco/fc012cfb68678f6ae5ccef10f0a9452b to your computer and use it in GitHub Desktop.
Save pxdsgnco/fc012cfb68678f6ae5ccef10f0a9452b to your computer and use it in GitHub Desktop.
Declare Sass font variables using Google fonts
// Google Fonts
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab|Open+Sans:400italic,700italic,400,700);
// Font Variables
$roboto-slab: 'Roboto Slab', serif;
$open-sans: 'Open Sans', sans-serif;
// Styles
body {
font-family: $body-font;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: $header-font;
font-weight: normal;
}
.button {
font-family: $roboto-slab;
font-weight: bold;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment