imathis/octopress — Issue #385: Feature request: Easy font-face styling instead of google web fonts
Author: pokrface
Created: 2012-01-19 13:44:49+00:00
State: open

I've switched over to using @font-face for styling instead of Google Web Fonts, since the three fonts I'm using on my Octopress blog (Arvo, PT Sans, and PT Serif) are all available as font-face kits at www.fontsquirrel.com. I've gotten it up and running by modifying octopress/sass/base/_typography.scss and adding the @font-face lines there, then including the correct font family names for the sections I want to override in octopress/sass/custom/fonts_scss. This bypasses octopress/source/_includes_custom/head.html, where previously I'd put the Google Web Fonts links.

I suppose it wouldn't be difficult to put the font-face information into custom/head.html, but that would end up with a fair chunk of code being added to every single HTML page, rather than relegated off to the single baked stylesheet.

Can you suggest a method, or can a method be created, to allow quick inclusion of a CSS @font-face section? I'm fine with directly modifying _typography.scss, but I'd much prefer to do modifications via a custom override file and leave the core Octopress & Jekyll files untouched.

Thanks!