# 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. - Source: https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/using-custom-font-in-funnels-and-websites - Section: Sites / Funnels and Websites - Reading time: 3 min - Images: 5, each explained below --- 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?](#what-is-custom-font-support-in-funnels-and-websites) - [Key Benefits of Custom Font Support in Funnels & Websites](#key-benefits-of-custom-font-support-in-funnels-and-websites) - [Custom Fonts Modal](#custom-fonts-modal) - [Supported Font Formats](#supported-font-formats) - [Media Storage Integration](#media-storage-integration) - [How To Apply Custom Font in Funnels & Websites](#how-to-apply-custom-font-in-funnels-and-websites) - [Frequently Asked Questions](#frequently-asked-questions) - [Related Articles](#related-articles) --- ## **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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155051517752/original/MXagHZw8BcG6wGVHEVVfhorEiWcJTPVU2Q.png) **Custom Fonts Modal (image 1 of 5)** 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. - What to choose: 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. - Controls: Upload Fonts - Next: GHL Customer Care accepts the most common font standards, ensuring compatibility with professional type libraries. Full 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)](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155051814523/original/TDxH-2yIs6Zjpy9gnodFrDvroSBmkZ2h1A.png) **Media Storage Integration (image 2 of 5)** 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…. - What this covers: 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. - Controls: Media Storage - Next: 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 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. Full 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…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155051814914/original/bCmNfgWKl6E13rjh_CFbrfJvIFjQmnBy1g.gif) **Step 1 of 5: Enable the Feature in Labs: Go to Agency Settings → Labs Locate Custom…** 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. - What to click: Enable the Feature in Labs: Go to Agency Settings → Labs Locate Custom Font Support for Funnels and websites" and click on Manage. - Controls: Settings → Labs, Sub-Account, Open the Builder, Funnel step or Webpage, text element, Upload Your Font File, Apply the New Font - Next: Switch to the Sub-Account and Open the Builder of the Funnel step or Webpage you want to edit. Full 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…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155051815637/original/SSEf60Ib31VnIEgOPOtIBmjYH9opUFMR5Q.gif) **Step 3 of 5: Select the text element (paragraph/heading/rich text) In the right…** 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. - What to fill in: Select the text element (paragraph/heading/rich text) In the right panel go to Typography → Typography type → Custom Font → Upload Fonts → Upload from Device. - Controls: text element, Settings → Labs, Sub-Account, Open the Builder, Funnel step or Webpage, Upload Your Font File, Apply the New Font - Next: 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. Full 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…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155051815647/original/deJ9w5MngZR24ORWAIPVXw8v9NzR2R2BmA.gif) **Step 5 of 5: Apply the New Font: Your font now appears in the dropdown. Select it…** 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. - What to choose: Apply the New Font: Your font now appears in the dropdown. Select it, then adjust size, weight, or style as needed. - Controls: Apply the New Font, Settings → Labs, Sub-Account, Open the Builder, Funnel step or Webpage, text element, Upload Your Font File Full 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. --- ### **Related Articles** - [Complete Guide to Media Storage](https://docs.ghlcustomercare.com/docs/settings/sub-account-settings/complete-guide-to-media-storage) - [Media Storage & File Upload Limits](https://docs.ghlcustomercare.com/docs/settings/sub-account-settings/media-storage-file-types-limits-advanced-features) - [Font Weight in Funnels and Websites](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/font-weight-in-funnels-and-websites) - [How to Create a Brand Board & Design Kit in GHL Customer Care](https://docs.ghlcustomercare.com/docs/marketing/brand-board/how-to-create-a-brand-board) - [Using the New Revamped Sidebar in Funnel & Website Builder](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/using-the-new-revamped-sidebar-in-funnel-website-builders) - [How to Use Rich Text Elements in Funnels & Websites](https://docs.ghlcustomercare.com/docs/sites/funnels-and-websites/how-to-use-rich-text-elements-in-funnels-websites) --- Documentation for GHL Customer Care. Support: support@ghlcustomercare.com