Uploading Custom Fonts

Adding custom fonts to your ClickFunnels pages allows you to maintain brand consistency and create visually appealing content that stands out. Whether you have specific typography guidelines or want to add a unique touch to your funnels, custom fonts give you the flexibility to design pages that resonate with your audience. In this article, you will learn how to upload custom fonts to your ClickFunnels account and use them effectively across your pages.

---

Requirements

• An active ClickFunnels account

• A font file for uploading (accepted formats include: TTF, WOFF, WOFF2, OTF)

• Max font file size: One Megabyte (1 MB)

---

Upload Custom Fonts in Assets

1. From your ClickFunnels dashboard, navigate to Workspace Settings on the left-hand menu.

2. Select My Assets.

3. Click on the Fonts tab.

4. Upload your fonts directly from the Fonts page. You can either drag and drop one or more font files anywhere onto the page — a full-page overlay appears while you drag — or click Select Files to Upload in the header (or the empty-state button) to choose fonts from your device. You can add multiple fonts at once, and each uploads with its own progress indicator.

   

   Important:

   If your custom font files are stored in a zipped folder, you must unzip or extract the files before uploading. Only uncompressed font files can be uploaded in ClickFunnels. Ensure your files are properly extracted to their original format before proceeding with the upload.

   ClickFunnels automatically files each font under the Fonts tab based on its file type. Supported font types include .ttf, .otf .woff and .woff2. The maximum size allowed for each font file is 1 MB.

5. Each font’s name is derived from its file name. Font names must be unique, so if a name already exists, ClickFunnels automatically adjusts it to keep it unique.

   Tips:

   Using a clear and descriptive name for your custom fonts will help you quickly identify and apply them to your pages. Consider using the font’s official name along with a descriptor if you have multiple variations (e.g., “Roboto - Bold” or “Arial - Italic”).

---

How to Use Custom Fonts on a Page

1. Navigate to the specific page or course lesson where you want to apply a custom font and click Edit Page.

2. In the page editor, insert a text element (e.g., Headline, Subheadline, Paragraph) where you want to apply the custom font.

3. In the settings panel for the selected text element, find the Font Family option.

   

4. Click on the font dropdown and scroll to the Custom section.

5. Select the custom font you uploaded from the list.

   

6. The selected custom font will be applied to the text element, and you can further adjust the font size, weight, and other text options as needed.

   Note:

   Custom fonts enhance your page design and ensure brand consistency. Make sure to test the appearance of your custom fonts across different devices and browsers to ensure readability and design consistency.