Custom fonts help ensure your SmartBlocks match your website or email branding. You can add custom fonts to the list of fonts available in Fresh Relevance SmartBlocks.
Before you start
Things you need to know:
The setup process differs depending on whether the font is used in:
Add a custom font for web SmartBlocks
Expand the User menu, and go to Settings > System Configuration > Content Settings.
For Additional Fonts, enter the font‑family HTML name followed by a user‑friendly name, separated by a comma.
Select SAVE.
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)
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.
Once the above has been confirmed, the font files should be sent to: support@freshrelevance.com
Add a custom font for use in email SmartBlocks (send-time content)
If you use 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.
Test the custom font
To test your custom font is working:
Go to Content > SmartBlocks and either create a new SmartBlock or edit an existing one.
Learn how in Create and edit a SmartBlock.
Select the Design tab at the top.
Check if the newly added font appears under the Custom Web Fonts section of any Font drop-down menu.
