Demystifying Custom Fonts in Emails
Summary
Confused about using custom fonts in emails? Learn when and how with tips for supported email clients. Explore CSS-based solutions.
If you’re a non-technical person like me, it can be confusing at times to understand when custom fonts can be used in emails.
Here are some tips to help you understand when and how it works:
- Not all email clients support custom fonts. 1, 3 and 5 on this list support them, and that accounts for 52% of opens: http://emailclientmarketshare.com/
- Javascript is not supported in email, and that is why Adobe Typekit fonts cannot work in emails, because they use a javascript API to inject their fonts
- Other founderies (fancy word for vendors who supply fonts) like Google Fonts, fonts.com and Hoefler & Co. offer a CSS based method for displaying their custom fonts, and therefore can be supported by 1,3 and 5 from the email client marketshare list
What if you use a completely custom font that is not hosted on any of the foundries above?
It’s okay, you can still use those fonts. However, you need special files in 4 formats: WOFF, EOT, OTF/TTF and SVG. When you buy a desktop font, you only get it in OTF and TTF. Although there are some tools out there that will generate web safe fonts, like https://www.web-font-generator.com/ you need to be careful with legality of doing so and there can be loss of quality when doing it this way. That is why most people choose to use one of the vendors listed above, given they provide the web safe fonts and you know you’re covered from a legal perspective.
Good luck! We support custom fonts in all of our custom email template builds.
Author
Co-Founder & CEO, Knak
Pierce is a career marketer who has lived in the marketing trenches at companies like IBM, SAP, NVIDIA, and Marketo. He launched Knak in 2015 as a platform designed to help Marketers simplify email creation. He is also the founder of Revenue Pulse, a marketing operations consultancy.