Using Google Font in Emails | Community
Skip to main content
Yvette_Wang
Yvette_Wang
Level 2
April 12, 2019
Question

Using Google Font in Emails

  • April 12, 2019
  • 2 replies
  • 4092 views

Hi, I'm trying to use a Google Font in our emails to streamline with our branding. (Yes I know about issues with non standard fonts. Explained to Branding team about possibly defaulting to Helvetica/Arial)

Someone suggested using @font-face in the <head> area which is what I did. (Original post: https://nation.marketo.com/message/175878-re-can-i-use-google-fonts-in-emails#comment-175878 )

I tried that by editing the code which is from an installed template and it looked good in the Marketo email interface and Preview area. But when I send a test, the email (in Gmail) is completely broken.

Does anyone have any ideas or something that works?

Thank you!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

2 replies

Jay_Jiang
Jay_Jiang
Level 10
April 12, 2019

Google fonts are webfonts, they'll load in your browser but not ALL email clients.

If you open your email using the marketo system view as webpage link (note some email clients are adding their own view in browser links and these may not work), the fonts will work - and the marketo previewer is essentially doing just that. But actual email clients are more restrictive in the HTML/CSS it supports, @font-face being one of them, many email clients will essentially re-write the raw HTML so what you're seeing in the email client isn't what you wrote in your email editor

Casey_Grimes2
Casey_Grimes2
Level 10
April 12, 2019

Hi Yvette,

Oddly enough, Gmail/G Suite doesn't support its own font use--or any @font-face use for that matter, because it's not in their rendering engine. Please refer to this CSS Support Guide for a breakdown of what clients are supported.

    Terms & ConditionsAccessibility statement

    Loading footer...