...
Once upon a time, comic sans was the most exciting font on the web. No longer.
Procuring Fonts
TODO: licensing, purchasing model
Providers
Free
...
All usernames and passwords for these accounts are in LastPass.
- fonts.com - Standard plan PRO plan – includes unlimited web projects, 20 mockup fonts per mo, 5 desktop fonts per mo
- webtype.com
- myfonts.com
Paid (no Kalamuna account)
...
| Code Block | ||
|---|---|---|
| ||
/**
* Implements template_preprocess_html().
*/
function MYTHEME_preprocess_html(&$variables) {
//Adds typekit js to theme
drupal_add_js('//use.typekit.net/wje3ojf.js', 'external');
drupal_add_js('try{Typekit.load();}catch(e){}', 'inline', 'page_bottom');
} |
...
Self hosting
If you have a copy of a web font that you want to use and intend to host it along with the site then you can use a Sass mixin like the following:
...
Note: @font-face and <link> really only work on Apple desktop and mobile clients.
Icon web fonts
When building a site with multiple custom icons you can save on http requests by bundling them all up in to a webfont using Thiago de Mello Bueno (Unlicensed)'s little piece of magic: https://github.com/madeofpeople/makesvgfont
...