How can I apply webfonts to an email Header?

Question

I use a pretty standard SaaS Email campaign manager to deliver emails for my client.

The issue I come up against is my client uses speciality typefaces so when designing the layouts for these emails I typically save all text as an image.

Instead I would like to find a way to use the webfont version of the typefaces so they render as text for SEO purposes.

I tried using typekit, but typekit only works for a specific domain. Are there alternatives that don't requiring expert-level programming?

Answer 1

Using web fonts for an email is kind of tricky. If you want to be consistent then you will be better off sticking with an image. Not all email clients will use web fonts.

This is taken from campaignmonitor.com: Web font support in email clients. They have a pretty extensive guide on web type.

So if you "need" the font to show for branding reasons then stick to the image export.

If this is for an aesthetic purpose then use the web font and accept that it will not render correctly for all email clients. Just make sure to pick a fallback font that is accepted for all email clients.

No need to pick a 'fallback'. All email clients already have that (the user's default font preference). – DA01