Skip to main content
Your brand identity relies on consistent typography. Hosting your font files in Hoop keeps them accessible and ensures your funnels, websites, and emails use your brand’s exact typefaces.

​
Supported font formats

The supported font file types are:
  • .ttf — TrueType Font
  • .otf — OpenType Font
  • .woff — Web Open Font Format
  • .woff2 — Web Open Font Format 2 (recommended)

​
Uploading a font file

1

Open Media Storage

Click Media Storage in the left navigation sidebar.
2

Click Upload

Click the Upload button in the Media Storage toolbar.
Click Upload in Media Storage
3

Select a supported font file

Choose a .ttf, .otf, .woff, or .woff2 file from your local device.
Select a font file to upload
4

Upload and get the link

Once your font is uploaded, hover over it and click the three-dot icon to select Get Link. You can then reference this link as a Custom CSS font-face declaration.
Get the link for your uploaded font
This feature stores the font file in your media library for linking. It does not automatically add the font to the builder’s font selection dropdown. To use the font, you will need to add it as Custom CSS. Consult a developer if you are unfamiliar with CSS font-face declarations.

​
Using custom fonts via CSS

To use an uploaded font across your funnel or website, add a custom CSS @font-face declaration referencing the media link: 
@font-face {
  font-family: 'YourFontName';
  src: url('https://your-media-link.com/font.woff2') format('woff2'),
       url('https://your-media-link.com/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body, h1, h2, h3, p {
  font-family: 'YourFontName', sans-serif;
}
Add this CSS in the Custom CSS field found in your funnel or website’s Settings tab.

​
Font licensing

Uploading a font requires that you have a valid license to use that font. Most commercial fonts require a web license. Using a font without the appropriate license may violate the font creator’s terms.
Free and open-source fonts safe for commercial use:
  • Google Fonts — hundreds of high-quality fonts available for free
  • Font Squirrel — curated free fonts with desktop and web licenses
  • The League of Moveable Type — open-source type foundry
If you are using a Google Font, you do not need to upload it. Google Fonts are available directly in the page builder’s font selector. Upload custom fonts only for proprietary brand typefaces not available on Google Fonts.
Last modified on March 4, 2026