Managing Email Fonts
    • Dark
      Light

    Managing Email Fonts

    • Dark
      Light

    Article summary

    Products


    SMS & Email
    Supported plans

    Free, Starter, Pro, Premium, Enterprise

    eCommerce Platform

    Shopify, Shopify Plus

    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. 

    1. In your Yotpo SMS & Email main menu, go to Settings > Brand Kit.
    2. Open the Email tab.
    3. 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.
    4. 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.
    5. Click Save.
    Please note
    After clicking Save, your selected fonts will apply to all new email campaigns and templates using your brand kit. They will not be applied to drafts or existing templates, unless you re-apply your brand kit.

    Adding a custom font

    Please note:
    Some email clients may not support custom fonts. When not supported, your fallback font will be used. If you require a font that the brand kit doesn't include, you can add custom fonts to your library of fonts, and choose one to use in your brand kit.


    1. In your Yotpo SMS & Email main menu, go to Settings > Brand Kit.
    2. Open the Email tab.
    3. 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.
    4. 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

    1. Check the font preview to make sure it looks good. Then click Add font.
    2. 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

    1. Open the relevant list, such as Default font or Fallback font.
    2. Hover over the font to delete, and click the bin icon.
    3. Click Save to save the brand kit.

    Was this article helpful?