Skip to main content
Solved

Custom Font Not showing correctly in emails sent

  • November 24, 2022
  • 5 replies
  • 1921 views

Forum|alt.badge.img+8
  • Problem Solver III
  • 79 replies

Hi

 

I would like to use a handwriting font for my name at bottom of email and have chosen Satisfy Normal 400 however when subscribers receive the email in gmail they get the fallback font.

 

 

I would appreciate help on this.

 

Thanks

Best answer by David To

Hey @SeanMcC,

This is actually an expected behavior! Not all email clients support custom fonts - hence the fallback font option. 

As mentioned in both our How to Add Custom Fonts in Email Templates (new editor) and How to add custom fonts in email templates (classic editor) Help Center articles, only the following email clients will support custom fonts:

  • Apple Mail
  • iOS Mail (the default email browser on iOS)
  • Google Android (except Android 2.3, which doesn’t support the @import method used by Google and Adobe fonts)
  • Samsung Mail (Android 8.0)
  • Outlook for Mac
  • Outlook iOS App

Gmail, unfortunately does not. 

David

View original
Did this topic or the replies in the thread help you find an answer to your question?

5 replies

David To
Klaviyo Employee
Forum|alt.badge.img+60
  • Klaviyo Employee
  • 2456 replies
  • Answer
  • November 25, 2022

Hey @SeanMcC,

This is actually an expected behavior! Not all email clients support custom fonts - hence the fallback font option. 

As mentioned in both our How to Add Custom Fonts in Email Templates (new editor) and How to add custom fonts in email templates (classic editor) Help Center articles, only the following email clients will support custom fonts:

  • Apple Mail
  • iOS Mail (the default email browser on iOS)
  • Google Android (except Android 2.3, which doesn’t support the @import method used by Google and Adobe fonts)
  • Samsung Mail (Android 8.0)
  • Outlook for Mac
  • Outlook iOS App

Gmail, unfortunately does not. 

David


Forum|alt.badge.img+8
  • Author
  • Problem Solver III
  • 79 replies
  • November 26, 2022

David

 

Thanks for the explanation.

 

Surprising that Gmail doesnt work however..

 

Sean


Forum|alt.badge.img+1

Hi @all we were not able to solve one issue: being able to display our custom fonts due to am OS not supporting a typeface. Is there a way to use custom code to embed typefaces/ our host typefaces on a server and override the fallback font necessity on an OS? or any possible solution through code to help us rectify this issue?


Forum|alt.badge.img+8
  • Author
  • Problem Solver III
  • 79 replies
  • July 15, 2024

Update

 

Much easier to just create a graphic and just insert as an image after all.


  • Contributor I
  • 1 reply
  • January 6, 2025

So a question on this. 

I receive emails from Klaviyo, which one could assume uses Klaviyo to send emails haha. What an irony if they didn’t.

By inspecting the HTML I can see they use the font 'Sohne', which is a custom font. How do they do this?