Email

Add custom fonts to your email

Last updated: December 5, 2018

Applies to:

Marketing Hub
marketing-basic-pro-enterprise
Professional, Enterprise
Legacy Marketing Hub Basic

Custom fonts aren't supported in most popular email clientsIt's a best practice to use default web fonts in your emails to ensure a consistent experience for your readers. You can select standard web fonts for your marketing emails in your settings.

@font-face and @import are only supported in Apple Mail and a few other email clients. You can add @font-face and @import to the <head> section of custom coded HTML templates.

Please note: adding a custom font to the <head> HTML of a coded template requires basic HTML knowledge.

To add a custom font to your coded template:
  • In your HubSpot account, navigate to Marketing > Files and Templates > Design Tools.
  • In the finder, click the name of your coded template to open it in the editor. Or create a new coded template.
  • Copy and paste this code snippet into the <head> section of your HTML code between the <style> tags, replacing the font-family and source URL with your font of choice:
    <style>
    @font-face {
        font-family: DeliciousRoman;
        src: url(http://www.font-face.com/fonts/delicious/Delicious-Roman.otf);
    }
    </style>
    
  • Reference the font in the body of your email:
    <span style="font-family: DeliciousRoman;">Describe what you have to offer the customer.</span>
  • Complete any other edits to your email template, then click Publish changes.

Was this article helpful?

If you still need help you can get answers from the , or to contact support.