DRAFT

Once upon a time, comic sans was the most exciting font on the web. No longer.

Procuring Fonts

TODO: licensing, purchasing model

Providers

Free

• fontsquirrel.com
• google.com/fonts
• edgewebfonts.adobe.com

Paid

• fonts.com (have an account there)
• fontdeck.com
• typekit.com (Adobe)
• linotype.com

Using Web Fonts

how we do this in Drupal

self-hosting vs 3rd party CDN

using a module vs hardcoding in tempates

Web fonts in email

via http://templates.mailchimp.com/design/typography/

While web fonts may be common in traditional website design, in the world of HTML email, they’re experimental at best. If you want to work on the ragged edge of email technology, however, you do have a few options. A (really) small number of email clients support the @import* CSS at-rule, which allows the use of web fonts provided through services like Google Web Fonts or Fontdeck.

• Outlook2000 (crazy, we know)

• iOS Mail

• Apple Mail

• Android (default client, not Gmail)

• Thunderbird

Note: @font-face and <link> really only work on Apple desktop and mobile clients.

Resources

• https://www.drupal.org/project/google_webfont_loader_api
• https://www.drupal.org/project/fontyourface