Easy Tech TutsHow to Add Custom Fonts to HubSpot Site Easily 2026
By Impran M N
Instead of editing individual page templates, HubSpot's Brand Kit lets you upload custom fonts once and apply them consistently across your whole site. This guide covers uploading .woff2 font files, defining weights and styles, and swapping in your typography through the theme editor. It ends with setting up fallback fonts so your layout stays stable if something fails to load.
01Open Branding settings
Go to Account Defaults in HubSpot settings and open the Branding tab.
02Access the Brand Kit fonts section
Click My Brand Kit and expand the Core Fonts section.
03Upload your font files
Select Add Font, then Upload Custom Font, and drag your .woff2 files into the drop zone.
04Set the font display name
Input an official display name for the font so it's identifiable when applying it later.
05Map font weights
Assign weight values, such as 400 for regular and 700 for bold, to save accurate style profiles.
06Apply and publish
Open your theme's Global Styles panel, select the new brand font, review the preview, and publish.
Frequently asked questions
What font format does HubSpot's Brand Kit accept?
It's built around .woff2 files, which offer faster load times and broad browser support.
Will custom fonts apply site-wide automatically?
Once mapped through the theme's Global Styles panel and published, the font applies across the site.
Why should I set a fallback font?
A fallback family like Arial or sans-serif keeps your layout structurally stable if the custom font fails to load.
Can I set different weights for the same font?
Yes, you can map specific weight values, like 400 for regular and 700 for bold, when uploading.
Watch the full walkthrough
The same steps, demonstrated on screen from start to finish.
