Skip to main content
All CollectionsContentSmartBlocks and Slots
Add custom fonts to SmartBlocks
Add custom fonts to SmartBlocks

Add your own custom fonts to use in your SmartBlocks.

Updated over 5 months ago

Custom fonts can help add your own personal style and branding that matches your website or emails. You can add custom fonts to the list of fonts available in Fresh Relevance SmartBlocks.


Before you start

Things you need to know:


Add a custom font for web SmartBlocks

  1. Expand the User menu, and go to to Settings, > System Configuration > Content Settings.

  2. For Additional Fonts, enter the font-family HTML name then a user-friendly name separated by a comma.

  3. Select SAVE.

Test the custom font

To test your custom font is working:

  1. Go to Content > SmartBlocks and either create a new SmartBlock or edit an existing one.

  2. Select the Design tab at the top, then check the newly added font appears under the Custom Web Fonts section of any Font drop-down menu.

    • For example, the Headline or Call to action button.

You must include a link to the custom font file in the head of the web-page so it can be displayed by the user's browser. Learn more in the Google Fonts article Using web fonts.


Add a custom font for email SmartBlocks (open-time content)

  1. Using a custom font in an open-time email SmartBlock is chargeable, you need to contact your Customer Success Representative and do the following:

    • Request and sign a services document with the font installation cost that also confirms you have the correct licences for FreshRelevance to use the font in FreshRelevance content.

    • Provide a list of font files you want to use in email SmartBlocks.

  2. Once the above has been confirmed, the font files should be sent to: support@freshrelevance.com

Test the custom font

To test your custom font is working:

  1. Go to Content > SmartBlocks and either create a new SmartBlock or edit an existing one.

  2. Select the Design tab at the top, then check the newly added font appears under the Custom Web Fonts section of any Font drop-down menu.


Add a custom font for use in email SmartBlocks (send-time content)

If you are using send-time SmartBlocks, for example, through Dotdigital's external dynamic content function, then the font must be added using inline CSS directly to the SmartBlock layout HTML, as it can't currently be added to the Custom Email Fonts section. In this case, the font needs to be linked in the head of the email itself (usually within the Email service provider), and it may not be supported in all email clients or user devices.

To edit your SmartBlock’s HTML, while editing your SmartBlock select the Edit Layout (</>) icon.

Did this answer your question?