Is it possible to use google webfonts in a MailChimp template?

Question

I've been trying to incorporate google webfonts in MailChimp and can't get any solutions to work.

I've tried the approach listed on Campaign Monitor's site using @import:

http://www.campaignmonitor.com/blog/post/3897/using-web-fonts-in-email

but I get this error when trying to preview:

An error occurred parsing your template CSS:
Cannot find a CSS file at: http://fonts.googleapis.com/css?family=Montserrat

Has anyone been able to use custom fonts within MailChimp?

Answer 1

I have been building emails a lot using mailchimp recently and I had been scratching my head over this for a while. These are my findings:

• works for google fonts.

• @import works for fonts hosted through other sites then google (for ex. your personal site)

• using something like:

<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>

• using @import for google fonts gives you an error in mailchimp (like the one horizens posted).

• base64 works as well. But the code can get way to long and cause other problems.

• Firefox blocks the fonts in Mailchimp preview (because it's https).

PS: different but related topic: Making responsive emails is not as terrible as the people of the internet claim.