Skip to content

Instantly share code, notes, and snippets.

@dscamahorn
Created August 14, 2015 16:08
Show Gist options
  • Save dscamahorn/c72caeb60ea268c431f2 to your computer and use it in GitHub Desktop.
Save dscamahorn/c72caeb60ea268c431f2 to your computer and use it in GitHub Desktop.
Web font definitions and stacks.
// =FONTS
//---------------------------------------------------------------------------------------
//Font 01
@font-face {
font-family: 'font-01';
src: url('../fonts/webfont.eot');
src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/webfont.woff2') format('woff2'),
url('../fonts/webfont.woff') format('woff'),
url('../fonts/webfont.ttf') format('truetype'),
url('../fonts/webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
//Font 02
@font-face {
font-family: 'font-02';
src: url('../fonts/webfont.eot');
src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/webfont.woff2') format('woff2'),
url('../fonts/webfont.woff') format('woff'),
url('../fonts/webfont.ttf') format('truetype'),
url('../fonts/webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}
//Font Stacks
$font-primary: "font-01", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
$font-secondary: "font-02", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment