Menu
An HTML email must (should) have its CSS inlined in order to have the expected design in most of the email clients.
Is there a way to link a Google Web Font to or embed in such an email but still maintain a broad acceptance (appropriate rendering) among email clients?
I know that an alternative would be to have an image with the corresponding typography, but I would first search for something else that might work.
230
Add the <style> tags with the @import embed code to the <head> of the email, along with the font family names. The font family name to use in the CSS to style your text is listed in the web project as well; read more about using fonts in CSS.
Fonts such as Arial, Verdana, Georgia, Times New Roman, and Courier are considered web safe fonts that can be used for live text in email because they're the default fonts that are found on different computers, devices, and operating systems.
If the font is absolutely necessary, you will have to go with the text as image solution. As of December, only iOS Mail, Mail.app, Lotus Notes 8, default Mail on Android, Outlook 2000, and Thunderbird support the use of an external custom font.
See: http://www.campaignmonitor.com/blog/post/3897/using-web-fonts-in-email
Edit 2/10/2014: Since this is one of my most popular answers, here is the updated link on best practice of web fonts in emails:
http://www.campaignmonitor.com/resources/will-it-work/webfonts/
146
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
