Managing Email Fonts

      Managing Email Fonts


        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?