Skip to content

Instantly share code, notes, and snippets.

@lrobeson
Created September 26, 2013 19:23
Show Gist options
  • Save lrobeson/6719237 to your computer and use it in GitHub Desktop.
Save lrobeson/6719237 to your computer and use it in GitHub Desktop.
Sass partial - font face declarations for Drupal theme supplied font files
/**
* @file
* Font face declarations
*
* NOTES:
* 1) use .eot for full IE support or .woff for IE 9+ support
* (reference: http://caniuse.com/#search=font)
* 2) NOT using Compass' font-face mixin due to sketchy support, instead using
* http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/
*/
@font-face {
font-family: "Gotham Book";
src: url('Gotham-Book.eot?') format('eot'),
url('Gotham-Book.woff') format('woff'),
url('Gotham-Book.otf') format('opentype');
font-weight:normal;
}
@font-face {
font-family: "Gotham Bold";
src: url('Gotham-Bold.eot?') format('eot'),
url('Gotham-Bold.woff') format('woff'),
url('Gotham-Bold.otf') format('opentype');
font-weight:normal;
}
@font-face {
font-family: "Gotham Medium";
src: url('Gotham-Medium.eot?') format('eot'),
url('Gotham-Medium.woff') format('woff'),
url('Gotham-Medium.otf') format('opentype');
font-weight:normal;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment