CMS-General

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

Last updated: September 10, 2019

Applies to:

Marketing Hub  Professional, Enterprise
Legacy Marketing Hub Basic
HubSpot CMS

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 FontsFont 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 Style dropdown menu and select Font, then 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.