back arrow
All Blogs
Custom Font Support in Email HTML

Custom Fonts Support In Email HTML

A little different from what we generally write, today Uplers share with you some tips regarding the support of custom fonts in Email HTML. Fonts are ...

A little different from what we generally write, today Uplers share with you some tips regarding the support of custom fonts in Email HTML.

Fonts are those small things which can make a big difference to your email campaigns. The fonts installed in the machine are known as email same fonts / standard fonts / basic fonts. Such fonts need not pass through any uploading process, also, they do not require any embedding to use them.

The fonts which are not installed on the system by default (OS Fonts) are known as custom fonts / premium fonts / designer fonts. Custom fonts are needed to be installed on to the system server & embedded to the HTML in order to use the same in an email template.

But there is very limited support for custom fonts in emails, since not all the email clients support it. However, there is a solution for the limited support, which is to use fallback fonts. Fallback fonts becomes necessary when using a custom fonts in emails. Fallback fonts should be similar to the primary font. Non-supporting email clients will render the fallback fonts.

arial-and-verdana fallback

Custom fonts comes with a host of variations and there are just plenty of them available to be used in your emails. The issue is some of them might not have similar fallback fonts. Ideally, use only those fonts whose fallback fonts are matching and available, if you use others, the custom fonts in email might not remain consistent across the email clients.

Fall Back Font code

Certain fonts are labelled condensed fonts of whose fallback aren’t available, the same should not be used in your design to email HTML. These fonts are quite light and create visibility issues. The width of the fonts will vary on the off chance that they are not rendering properly.

As many email clients block images in the email, font-face is an awesome technique to style the fonts without using images, but it need to be used with limitations.

Email clients that render custom fonts:

Apple Mail

Android Devices (Native App)

iOS Devices.

Email Safe email fonts:

Sans Serif Web Safe Fonts:

Arial

Tahoma

Trebuchet MS

Verdana

Century Gothic

Geneva

Lucida

Lucida Sans

Lucida Grande

Serif Web Safe Fonts:

Courier

Courier New

Georgia

Times

Times New Roman MS Serif

New York

Palatino

Palatino Linotype Courier

Courier New Lucida Console

Monaco

Ways to import custom fonts:

Using @import url in css. For Eg: Link the fonts through <link> tag inside the head tag.

Did you like this post? Do share it!
The following two tabs change content below.

Kevin George

Kevin is the Head of Marketing at Email Uplers, one of the fastest-growing full-service email marketing companies. He is an email enthusiast at heart and loves to pen down email marketing content. You can reach him at kevin.g@uplers.com or connect with him on LinkedIn.

YOU MAY ALSO LIKE

WE CAN ALSO HELP YOU WITH

Email Template
Productions

Transform your requirement into visually-appealing & high-converting email templates.

EMAIL OPERATION
SUPPORT

Focus on your business strategy; let us handle the day-to-day operation of your email campaigns.

DEDICATED
RESOURCE TEAM

Eliminate the woes of hiring and training for resources with our dedicated team of scalable email experts.

Digital
ASSETS

Get more from your paid marketing campaigns through conversion-driven landing pages and banners.