Landing Pages

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

Last updated: October 13, 2020

Applies to:

All products and plans

Rich text modules in your pages, blog posts, and emails contain 13 standard web fonts. You can import Google Fonts, Font Awesome, or Typekit into your page template 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.

If you're using a theme template, you can select any Google font in your theme settings. If you're using a starter template, you can select any Google font in the Design tab.

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.

One-to-one email fonts

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.