Custom Font Not showing correctly in emails sent

Forum|Forum|3 years ago
November 24, 2022
5 replies
2778 views

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

David ToAnswer

Klaviyo Employee

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

S

SeanMcCAuthor

Problem Solver III

David

Thanks for the explanation.

Surprising that Gmail doesnt work however..

Sean

B

belwalshubham

Contributor I

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?

S

SeanMcCAuthor

Problem Solver III

Update

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

M

mati-sibley

Contributor I

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?