Skip to content
Sites

Using Custom Font in Funnels And Websites

Upload and manage custom fonts directly inside GHL Customer Care’s Funnels & Websites Builder. Keep brand typography consistent with no CSS or external hosting needed.

3 min read731 words5 explained images
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. What is Custom Font Support in Funnels & Websites?
  2. Key Benefits of Custom Font Support in Funnels & Websites
  3. Custom Fonts Modal
  4. Supported Font Formats
  5. Media Storage Integration
  6. How To Apply Custom Font in Funnels & Websites
  7. Frequently Asked Questions
  8. Related Articles

Funnels And Websites Builder now supports custom fonts, eliminating the need for CSS hacks or external hosting. Designers and marketers can maintain brand consistency directly in funnels and websites. This articles shows how agencies can upload and manage their own font files natively within the site builder, improving platform usability and brand fidelity.

TABLE OF CONTENTS

What is Custom Font Support in Funnels & Websites?

Custom Font Support is a native GHL Customer Care feature that allows you to upload, store, and apply your own font files directly inside the Funnels and Websites Builder. By removing the need for external font hosting or @font-face code, the feature gives designers and agencies full control over brand typography while streamlining page creation.

Key Benefits of Custom Font Support in Funnels & Websites

  • Brand Consistency: Maintain identical typography across every funnel and webpage for a unified customer experience.

  • No CSS Required: Apply custom fonts entirely through the builder—saving time and avoiding code errors.

  • Faster Workflow: Upload once, then select your font from the dropdown in any text element.

  • Flexible File Support: Use industry-standard formats and treat each style (e.g., Bold, Italic) as its own pick-list option for precise styling.

Custom Fonts Modal

The Custom Fonts Modal centralizes font management so you can add or update typefaces in seconds.

  • Access the modal by clicking Upload Fonts within any font dropdown.

  • Drag-and-drop or browse to select files from your device.

  • Review existing uploads and remove outdated versions with one click.

Custom Fonts Modal (image 1 of 5) What this shows Access the modal by clicking Upload Fonts within any font dropdown. What this shows Illustrates the "Custom Fonts Modal" section of "Using Custom Font in Funnels And Websites". This screenshot appears in the "Custom Fonts Modal" section of "Using Custom Font in Funnels And Websites". The text alongside this image reads: Access the modal by clicking Upload Fonts within any font dropdown. Drag-and-drop or browse to select files from your device. Review existing uploads and remove outdated versions with one click. Immediately after, the guide continues: GHL Customer Care accepts the most common font standards, ensuring compatibility with professional type libraries. Image 1 of 5 What to chooseAccess the modal by clicking Upload Fonts within any font dropdown. Drag-and-drop or browse to select files from your device. Review existing uploads and remove outdated versions with one click.
Buttons and menus referenced Upload Fonts
Next stepGHL Customer Care accepts the most common font standards, ensuring compatibility with professional type libraries.
All 3 steps in this procedure
  1. Access the modal by clicking Upload Fonts within any font dropdown.
  2. Drag-and-drop or browse to select files from your device.
  3. Review existing uploads and remove outdated versions with one click.

Supported Font Formats

GHL Customer Care accepts the most common font standards, ensuring compatibility with professional type libraries.

  • .ttf – TrueType Font

  • .otf – OpenType Font

  • .woff – Web Open Font Format

  • .woff2 – Compressed Web Open Font Format

Media Storage Integration

Store fonts securely in GHL Customer Care so your team can reuse them across accounts and projects.

  • Uploaded fonts are automatically saved to Media Storage for easy access.

  • Delete or rename fonts from Media Storage without breaking live pages—as long as the file name remains unchanged.

  • Centralized storage keeps your workspace organized when managing multiple brand assets.

Media Storage Integration (image 2 of 5) What this shows Uploaded fonts are automatically saved to Media Storage for easy access. What this shows Illustrates the "Media Storage Integration" section of "Using Custom Font in Funnels And Websites". This screenshot appears in the "Media Storage Integration" section of "Using Custom Font in Funnels And Websites". The text alongside this image reads: Uploaded fonts are automatically saved to Media Storage for easy access. Delete or rename fonts from Media Storage without breaking live pages—as long as the file name remains unchanged. Centralized storage keeps your workspace organized when managing multiple brand assets. Immediately after, the guide continues: Enable the Feature in Labs: Go to Agency Settings → Labs Locate Custom Font Support for Funnels and websites" and click on Manage. Switch to the Sub-Account and Open the Builder of the Funnel step or Webpage you want to edit. Select the…. Image 2 of 5 What this coversUploaded fonts are automatically saved to Media Storage for easy access. Delete or rename fonts from Media Storage without breaking live pages—as long as the file name remains unchanged. Centralized storage keeps your workspace organized when managing multiple brand assets.
Buttons and menus referenced Media Storage
Next stepEnable the Feature in Labs: Go to Agency Settings → Labs Locate Custom Font Support for Funnels and websites" and click on Manage. Switch to the Sub-Account and Open the Builder of the Funnel step or Webpage you want to edit. Select the text element (paragraph/heading/rich text) In the right panel go to Typography → Typography type → Custom Font → Upload Fonts → Upload from Device. Upload Your Font File: Pick a.ttf,.otf,.woff, or.woff2 file from your device or Media Storage. The Custom Fonts Modal will confirm once the upload is complete. Apply the New Font: Your font now appears in the dropdown. Select it, then adjust size, weight, or style as needed.
All 3 steps in this procedure
  1. Uploaded fonts are automatically saved to Media Storage for easy access.
  2. Delete or rename fonts from Media Storage without breaking live pages—as long as the file name remains unchanged.
  3. Centralized storage keeps your workspace organized when managing multiple brand assets.

How To Apply Custom Font in Funnels & Websites

  1. Enable the Feature in Labs:
    Go to Agency Settings → Labs 
    Locate Custom Font Support for Funnels and websites" and click on Manage.

    Step 1 of 5: Enable the Feature in Labs: Go to Agency Settings → Labs Locate Custom… What this shows Step 1 of 5: Enable the Feature in Labs: Go to Agency Settings → Labs Locate Custom Font Support for Funnels and websites" and click on Manage. What this shows Shows what to click for step 1 of 5 in the "How To Apply Custom Font in Funnels & Websites" section of "Using Custom Font in Funnels And Websites". This animation accompanies step 1 of 5 in the "How To Apply Custom Font in Funnels & Websites" section of "Using Custom Font in Funnels And Websites". At this point in the walkthrough you enable the Feature in Labs: Go to Agency Settings → Labs Locate Custom Font Support for Funnels and websites" and click on Manage. The next step is to switch to the Sub-Account and Open the Builder of the Funnel step or Webpage you want to edit. Step 1 of 5Image 3 of 5 What to clickEnable the Feature in Labs: Go to Agency Settings → Labs Locate Custom Font Support for Funnels and websites" and click on Manage.
    Buttons and menus referenced Settings → LabsSub-AccountOpen the BuilderFunnel step or Webpagetext elementUpload Your Font FileApply the New Font
    Next stepSwitch to the Sub-Account and Open the Builder of the Funnel step or Webpage you want to edit.
    All 5 steps in this procedure
    1. Enable the Feature in Labs: Go to Agency Settings → Labs Locate Custom Font Support for Funnels and websites" and click on Manage. this image
    2. Switch to the Sub-Account and Open the Builder of the Funnel step or Webpage you want to edit.
    3. Select the text element (paragraph/heading/rich text) In the right panel go to Typography → Typography type → Custom Font → Upload Fonts → Upload from Device.
    4. Upload Your Font File: Pick a.ttf,.otf,.woff, or.woff2 file from your device or Media Storage. The Custom Fonts Modal will confirm once the upload is complete.
    5. Apply the New Font: Your font now appears in the dropdown. Select it, then adjust size, weight, or style as needed.

  2. Switch to the Sub-Account and Open the Builder of the Funnel step or Webpage you want to edit.

  3. Select the text element (paragraph/heading/rich text)
    In the right panel go to Typography → Typography type → Custom Font → Upload Fonts → Upload from Device.
    Step 3 of 5: Select the text element (paragraph/heading/rich text) In the right… What this shows Step 3 of 5: Select the text element (paragraph/heading/rich text) In the right panel go to Typography → Typography type → Custom Font → Upload Fonts →… What this shows Shows what to fill in for step 3 of 5 in the "How To Apply Custom Font in Funnels & Websites" section of "Using Custom Font in Funnels And Websites". This animation accompanies step 3 of 5 in the "How To Apply Custom Font in Funnels & Websites" section of "Using Custom Font in Funnels And Websites". At this point in the walkthrough you select the text element (paragraph/heading/rich text) In the right panel go to Typography → Typography type → Custom Font → Upload Fonts → Upload from Device. The next step is to upload Your Font File: Pick a.ttf,.otf,.woff, or.woff2 file from your device or Media Storage. The Custom Fonts Modal will confirm once the upload is complete. Step 3 of 5Image 4 of 5 What to fill inSelect the text element (paragraph/heading/rich text) In the right panel go to Typography → Typography type → Custom Font → Upload Fonts → Upload from Device.
    Buttons and menus referenced text elementSettings → LabsSub-AccountOpen the BuilderFunnel step or WebpageUpload Your Font FileApply the New Font
    Next stepUpload Your Font File: Pick a.ttf,.otf,.woff, or.woff2 file from your device or Media Storage. The Custom Fonts Modal will confirm once the upload is complete.
    All 5 steps in this procedure
    1. Enable the Feature in Labs: Go to Agency Settings → Labs Locate Custom Font Support for Funnels and websites" and click on Manage.
    2. Switch to the Sub-Account and Open the Builder of the Funnel step or Webpage you want to edit.
    3. Select the text element (paragraph/heading/rich text) In the right panel go to Typography → Typography type → Custom Font → Upload Fonts → Upload from Device. this image
    4. Upload Your Font File: Pick a.ttf,.otf,.woff, or.woff2 file from your device or Media Storage. The Custom Fonts Modal will confirm once the upload is complete.
    5. Apply the New Font: Your font now appears in the dropdown. Select it, then adjust size, weight, or style as needed.

  4. Upload Your Font File:
    Pick a .ttf, .otf, .woff, or .woff2 file from your device or Media Storage. The Custom Fonts Modal will confirm once the upload is complete.

  5. Apply the New Font:
    Your font now appears in the dropdown. Select it, then adjust size, weight, or style as needed.

    Step 5 of 5: Apply the New Font: Your font now appears in the dropdown. Select it… What this shows Step 5 of 5: Apply the New Font: Your font now appears in the dropdown. What this shows Shows what to choose for step 5 of 5 in the "How To Apply Custom Font in Funnels & Websites" section of "Using Custom Font in Funnels And Websites". This animation accompanies step 5 of 5 in the "How To Apply Custom Font in Funnels & Websites" section of "Using Custom Font in Funnels And Websites". At this point in the walkthrough you apply the New Font: Your font now appears in the dropdown. Select it, then adjust size, weight, or style as needed. Step 5 of 5Image 5 of 5 What to chooseApply the New Font: Your font now appears in the dropdown. Select it, then adjust size, weight, or style as needed.
    Buttons and menus referenced Apply the New FontSettings → LabsSub-AccountOpen the BuilderFunnel step or Webpagetext elementUpload Your Font File
    All 5 steps in this procedure
    1. Enable the Feature in Labs: Go to Agency Settings → Labs Locate Custom Font Support for Funnels and websites" and click on Manage.
    2. Switch to the Sub-Account and Open the Builder of the Funnel step or Webpage you want to edit.
    3. Select the text element (paragraph/heading/rich text) In the right panel go to Typography → Typography type → Custom Font → Upload Fonts → Upload from Device.
    4. Upload Your Font File: Pick a.ttf,.otf,.woff, or.woff2 file from your device or Media Storage. The Custom Fonts Modal will confirm once the upload is complete.
    5. Apply the New Font: Your font now appears in the dropdown. Select it, then adjust size, weight, or style as needed. this image

Frequently Asked Questions

Q: How do I enable Custom Font Support if it’s behind Labs?
Go to Agency Settings → Labs, locate Custom Font Support for Funnels and Websites, and toggle it on.

Q: Which file types can I upload?
GHL Customer Care supports .ttf, .otf, .woff, and .woff2 formats.

Q: Can I use the same custom font in both funnels and websites?
Yes—any font you upload becomes available across Funnels and Websites within the same sub-account.

Q: Do I need CSS to apply my custom font?
No. Everything is handled inside the builder—no additional code required.

Q: My font isn’t displaying after upload—what should I check?
Ensure you’ve applied the correct font family in the Typography panel and cleared your browser cache. Also confirm that the file name hasn’t been changed in Media Storage.

Q: Is there a limit to how many fonts I can store?
There’s no hard limit, but keeping your Media Storage organized and removing unused fonts is recommended for faster load times.

Frequently asked questions

What is Custom Font Support in Funnels & Websites?
Custom Font Support is a native GHL Customer Care feature that allows you to upload, store, and apply your own font files directly inside the Funnels and Websites Builder. By removing the need for external font hosting or @font-face code, the feature gives designers and agencies full control over brand typography while streamlining page creation.

Was this guide helpful?

Related guides

How to Add a Two‑Step Order Form to a Funnel5 min read · 12 imagesTracking Scripts/Pixel Code1 min readSEO Meta Data1 min readClick-To-Call, Click-To-Text, and Click-To-Email Links & Buttons for Websites and Funnels3 min read · 5 images