Landing Pages
Blog
Design Manager

Edit the font on your pages, blog posts, or email

Last updated: April 13, 2020

Applies to:

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

HubSpot features 13 standard web fonts for rich text modules in your pages, blog posts, and emails. Custom modules can take advantage of the font field, which includes these standard web fonts and Google Fonts.

You can also use Google Fonts, Font Awesome, or Typekit in HubSpot by embedding JavaScript. For a custom font to render correctly, it needs to be a standard web font, hosted in a font library, or uploaded and referenced in your stylesheet.

Rich text module fonts

To edit your font in a rich text module:

  • In your HubSpot account, navigate to your blog, landing pages, website pages, or email.

  • Click on the page, post, or email you want to edit.

  • In any rich text module, click the Font dropdown menu and choose one of the following:

    • Andale Mono

    • Arial

    • Book Antiqua

    • Courier New

    • Georgia

    • Helvetica

    • Impact

    • Symbol

    • Tahoma

    • Terminal

    • Times New Roman

    • Trebuchet MS

    • Verdana

Please note: Arial, Courier New, Helvetica, and Times New Roman work on most platforms and devices. Georgia, Impact, Trebuchet MS, and Verdana work on Windows and MacOS but not Unix+X.

Custom module fonts

The custom module font field offers the default fonts above plus Google Fonts that you can use across your pages and blogs. To use a font field on your page:

font-field-page-editor

Please note: because custom fonts are widely unsupported across email clients, Google Fonts are not available for custom modules used in emails.

Users with Account access permissions can also edit the default font, color, and size for all one-to-one emails sent from the CRM in their email integration settings. 

/cos-general/which-fonts-can-i-use-on-my-pages