When you are selecting a font for your email, you need to be aware that there are various fonts deemed ‘web-safe’, and non-standard ones which may not be quite so trustworthy. Most experts will recommend that you use web-safe fonts because they are the most likely to look good on your contacts’ computers.
What’s it all about?
When a reader views your email in their browser or client, that application reads code that tells it which font to display. If the font you have used isn’t supported on their device, the browser will substitute it for a font that is available, and this can make your email design look all wrong. By choosing fonts that are already deemed to be email-safe, you have the maximum likelihood that your chosen font is available on the broadest range of devices. This means your email is less likely to appear different from how you intended.
The following fonts are considered to be email-safe:
- Comic Sans MS
- Courier New
- Lucida Sans Unicode
- Times New Roman
- Trebuchet MS
The most popular email clients in use all support these fonts. This includes Apple Mail, Gmail, Samsung Mail and Outlook, so you will have the majority of your bases covered. Most email applications will only list the email-safe fonts among their options, but if you want to use custom fonts you can do it with Google Fonts. You will need to edit the @font-face in CSS. Here’s how:
- Find the URL for loading your chosen font in Google Fonts.
- You will find it is loading your chosen font at the URL, so copy the code for it from the CSS.
- In your email HTML template, add a block in the and set the font-family.
- Add in any fallback fonts to cover your bases on devices that don’t support your chosen one.
There is a more detailed demonstration of this process available here, so feel free to follow those instructions if you have any problems.
At Mail Ninja, we’re the experts in everything to do with email marketing. We’re the UK’s leading email agency and Mailchimp partners. We want you to get the maximum benefit from your emails, so if you need some help then please don’t hesitate to get in touch. We’d love to hear from you!