Images cannot be relied on to communicate an email's message. As such, Paul Airy argues that email is dependent on HTML typography. Here, he's put together six resources to help you on your way to incorporating web fonts and responsive typography (opens in new tab) techniques to implement robust HTML typography in email.
01. A Type of Email (opens in new tab)
A Type of Email is a handbook I've written for working with HTML typography in email. It can be read from cover to cover, or used as a quick reference as you're coding your emails.
02. Type E (opens in new tab)
Type E is my quarterly email newsletter, devoted to typography on email, with recent issues covering units and font pairs. Uniquely, each issue is developed using a selection of the techniques discussed within it!
03. Litmus (opens in new tab)
This is arguably the best tool for testing your email code across email and webmail clients.
04. Typographic Patterns in Email (opens in new tab)
Anna Yeaman at Style Campaign recently reviewed 50 emails across various industries, to identify trends in the way HTML typography in email is being approached. This in-depth study covers the use of headings, body copy, serif and sans-serif fonts, font size, line height, alignment, colour and web fonts, to name a few.
05. The Ultimate Guide to CSS (opens in new tab)
The Ultimate Guide to CSS from Campaign Monitor is an invaluable resource for identifying CSS support across email and webmail clients.
06. Email Client Marketshare (opens in new tab)
Litmus publishes regular statistics on email client marketshare, providing a useful snapshot of the current most popular email and webmail clients, worldwide.
Words: Paul Airy
Paul Airy is an email designer and developer at Beyond the Envelope. This article was originally published in issue 275 of net magazine (opens in new tab).
Like this? Read these!
- We reveal the best web fonts (opens in new tab) for your site
- Download fonts (opens in new tab) from these top resources
- See some stunning examples of kinetic typography (opens in new tab)
- Discover the best user testing (opens in new tab) software
- Choose a website builder (opens in new tab) with these top tools