Last updated: June 26, 2020
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:
- Create a custom module with a font field and add it to your template.
- In the top right of the design manager, click Publish.
- Navigate to a website page or landing page that is using the template. Or create a new page using the template.
- In the page editor, hover over the module and click thepencil icon.
- In the left sidebar panel, click the Font field dropdown menu to access all available fonts.
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.
