moneyadviceservice/frontend — pull request #8 by andrewtennison (2014-01-13 18:55:34+00:00)
Title: Typography

For fixed width (IE7/8) fonts are included in the enhanced_fixed.css as it is safe to assume these are desktop machines and have broadband connections. The base/_fonts.sass file has an @if / @else statement so only .eot files get rendered in @font-face declaration.

For responsive / modern devices, google webfontloader script is in the foot of base, this is loading font.css file, this in turn pulls in base/_fonts.sass, the same @if / @else statement renders .woff dataUrl of the font, generated by ruby. We can optionally leave in other file types if needed for support.

base/typography.sass has demo code of how to implement the styling.