- DarkLight
Managing Email Fonts
- DarkLight
Our Brand kit offers a number of standard and non-standard fonts for you to use in your emails. In addition, you can add custom fonts to further customize your email designs and align them with your brand.For custom fonts, you can either choose from our selection of Google Fonts, or link to a web font.
In this article, you’ll learn how to add, manage, and delete fonts.
Standard, non-standard, and custom fonts
When you select a font, you'll be able to select from a selection of:
- Standard fonts - these are web- and email-safe fonts that come pre-loaded on most devices
- Non-standard fonts - these fonts may not be supported by all email clients
- Custom fonts - you can add custom fonts to your library of fonts, either by selecting a Google Font, or by adding a link to a web font hosted on the internet
- Fallback font - You can also select a default safe font to use in cases where the device cannot load a custom font
Selecting fonts
Define the fonts to use as a part of your brand kit. The selected font will be used in all emails with your brand kit applied.
- In your Yotpo SMS & Email main menu, go to Settings > Brand Kit.
- Open the Email tab.
- In the Email font section, choose your Default font from the list of standard and non-standard fonts, and custom fonts if you have any.
- Select a Fallback font. The fallback font is a web-safe font, supported by most devices. It will be used when an email client cannot load the default font.
- Click Save.
Adding a custom font
- In your Yotpo SMS & Email main menu, go to Settings > Brand Kit.
- Open the Email tab.
- In the Email font section, open the Default font dropdown list. At the bottom of the list, click Add custom font. Please note:You can also add a custom font directly from the editor. Open the font dropdown list and scroll to the end. Then click Add custom font.
- You can add both Google Fonts and fonts hosted online.
Google Fonts
Select a Google Font from the dropdown list, and click Add font.
Your custom font will now be available in the Default font list under Custom fonts.
Import font
Paste a snippet or a link to the font that's hosted online. Make sure the format meets the requirements:
Snippet example
<link rel="stylesheet" href="https://font-site.com/font-name.css">
Web link example
https://font-site.com/font-name
- Check the font preview to make sure it looks good. Then click Add font.
- Click Save to save your brand kit.Your custom font will now be available in the Default font list under Custom fonts.
Updating custom fonts
To update the styles of a custom font, add the font again. You will receive a confirmation to replace and update the existing font.
Deleting fonts
- Open the relevant list, such as Default font or Fallback font.
- Hover over the font to delete, and click the bin icon.
- Click Save to save the brand kit.