Fonts
There are 2 types of fonts that can be used on templates: Web Safe Fonts and Web Fonts.
Web Safe Fonts
Web Safe Fonts are a very small collection of fonts that are available on all devices. If you use a web safe font for your templates you can ensure that the font can be displayed exactly the same on all devices and clients.
Here is the list of web safe fonts:
Arial
Verdana
Times New Roman
Courier New
Georgia
Comic Sans MS
Trebuchet MS
Impact
Helvetica
Tahoma
The problem with web safe fonts, however, is that the selection of fonts is only limited to the above, making it almost impossible to create distinguished designs.
Web Fonts
Web Fonts are a technology that allows embedded fonts in your designs that may not be installed on everyone's devices. By using a web font, you can choose from tens of thousands of fonts to create distinctive designs.
The problem with Web Fonts is that rendering them is only supported on roughly 20% of email clients.
Fancy Fonts
A smart way of getting around the limitation of web fonts in emails is saving pieces of text as images (Using your desired web font) and embedding them into your email. This would make your email look identical across email clients using your desired web font.
At Rechat we have embedded this technique into our email platform using the Fancy Font emails blocks. This makes it very easy to type in any text into Rechat using your desired font and Rechat will take care of converting it into an email so it looks stellar on all platforms.
Also note that during your template design process we can make your templates use fancy fonts automatically.
However, using this technique comes with some trade-offs:
The emails will be slower to load.
The emails won't be selectable or searchable and less accessible.
The text-to-image ratio of the email will drop, which can contribute to the email landing in spam.
Therefore, we suggest using Fancy Fonts for headers and a web-safe font for larger text and body sections.
Last updated
Was this helpful?