In the interest of keeping this guide true to the title, we won’t do much talking here. Let’s just dive straight into what you need to know…
Email safe fonts
- Arial, Helvetica, sans-serif
- ‘Arial Black’, Gadget, sans-serif
- ‘Bookman Old Style’, serif
- ‘Comic Sans MS’, cursive
- Courier, monospace
- ‘Courier New’, Courier, monospace
- Garamond, serif
- Georgia, serif
- Impact, Charcoal, sans-serif
- ‘Lucida Console’, Monaco, monospace
- ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif
- ‘MS Sans Serif’, Geneva, sans-serif;
- font-family: ‘MS Serif’, ‘New York’, sans-serif;
- ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
- Symbol, sans-serif
- Tahoma, Geneva, sans-serif
- ‘Times New Roman’, Times, serif
- ‘Trebuchet MS’, Helvetica, sans-serif
- Verdana, Geneva, sans-serif
- Webdings, sans-serif
- Wingdings, ‘Zapf Dingbats’, sans-serif
Any of these will work in all email clients.
Making a custom font work in your email
There are a few methods of embedding a font other than one of the ones we’ve listed above into your email. This method works on:
- Outlook 2000
- Outlook.com app
- iOS Mail
- Apple Mail
- Android
- Thunderbird
Gmail App does not currently support this, but you can create a fall back font for that platform.
<style type=”text/css”>
@import url(‘http://fonts.googleapis.com/css?family=Open+Sans’);
</style>
@import url(‘http://fonts.googleapis.com/css?family=Open+Sans’);
</style>
Simply change the URL to that of the font you want to use (check out Google Fonts for a huge database of free to use fonts) and voila.
Once you’ve done that, you can use CSS or inline CSS to display that font:
<style type=”text/css”>
body {
font-family:’Open Sans’, Helvetica, sans-serif;
}
</style>
body {
font-family:’Open Sans’, Helvetica, sans-serif;
}
</style>
Or
<span style=”font-family:’Open Sans’, Helvetica, sans-serif;”>
Your content
</span>
Your content
</span>
That’s it! Piece of cake.
Need some help with your emails? Drop us a message, we’ll gladly give a helping hand.