|What are web-safe fonts?|
|What are web fonts?|
|Adding web fonts to EasyEditor templates|
In EasyEditor, you can write in the following types of font:
This article explains the difference between them and the limitations to consider in using them.
Web-safe fonts are likely to be installed on the majority of devices, and will display consistently no matter which application they're viewed in.
The fonts available from the font face dropdown in EasyEditor are web-safe fonts.
In EasyEditor, we use these fonts as fallback fonts. These are fonts that the receiving device will use if it isn't installed with one of the other fonts you specified.
In the following example, Tahoma, Helvetica, and sans-serif are fallback fonts for Calibri:
<font style="font-family: Calibri, Tahoma, Helvetica, sans-serif;">
This table displays the percentage of devices that are installed with the following web-safe fonts:
|Times New Roman||✔||✔||✔|
✔ - installed on 95%+ of devices
✱ - installed on 85% or fewer devices
✘ - not installed
Web fonts are fonts that are downloaded from an external server. These fonts aren't available as standard on all devices, therefore you need to make sure you're also using fallback fonts in case a web font doesn't download from a server.
Desktop support limitations for web fonts
Due to desktop support for web fonts being limited to Apple Mail and old versions of Outlook, we recommend using web fonts for mobile and tablet email clients only.
In Outlook 2007, 2010, and 2013, web fonts are sometimes displayed in Times New Roman instead of specified fallback fonts.
We don't host web fonts, so if you want to use them you'll need to do one of the following:
- Host the web font yourself
- Use a web font supplier such as Google Fonts
EasyEditor support limitations for web fonts
Due to web fonts not being part of our standard EasyEditor code, we can't guarantee that a web font will work, and our support team can't help with any web font-related issues.
Web fonts can’t be used in EasyEditor buttons. If you're using them in buttons, we'll use fallback fonts to replace them.