×

How to Upload and Use Custom Fonts

Modified on Wed, 14 Aug at 11:24 AM

Upload Font

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.

Table of Contents


Requirements

  • An active ClickFunnels account
  • Desired custom font files stored on your local device
  • Supported Font Files: TTF, WOFF, WOFF2, OTF
  • Max File Size: One Megabyte (1 MB)

Upload Custom Fonts in Assets

  1. From your ClickFunnels dashboard, navigate to Workspace Settings in the left-side menu.

    workspace settings

  2. Select My Assets under the “Workspace Settings” menu.
  3. Click on the Fonts tab.
  4. Click the Upload Font button to upload a new custom font. You can upload one font at a time.

    Upload Font

    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 and used in ClickFunnels. Ensure your files are properly extracted to their original format before proceeding with the upload.

  5. In the Name field, enter the name of the font.

    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”).

  6. In the File section, click the Browse Files button to upload a font file from your local storage. Supported font types include .ttf, .otf .woff and .woff2. The maximum size allowed for each font file is 1 MB.
  7. Once the upload is complete, click Create Font to save the custom font to your assets.

Back to Top


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.

    Font Family Settings

  4. Click on the font dropdown and scroll to the Custom section.
  5. Select the custom font you uploaded from the list.

    Select Custom Font

  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.

    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.

Back to Top


Additional Information

Back to Top

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article