---
title: "How to Customize Style Fonts"
slug: "how-to-customize-style-fonts"
description: "ClickFunnels allows you to customize style fonts to match your brand and improve readability. This article covers how to select fonts, adjust sizes, modify properties, and enable automatic scaling for different devices."
updated: 2025-02-14T12:02:48Z
published: 2025-02-14T12:02:48Z
canonical: "support.myclickfunnels.com/how-to-customize-style-fonts"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.myclickfunnels.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Customize Style Fonts

Customizing **Style fonts** in ClickFunnels helps your funnels look professional and consistent. Matching fonts to your brand makes your content easier to read and more attractive. This article will show you how to choose, adjust, and use fonts easily within the Styles feature. For more details on using styles, refer to the [Getting Started with Styles](/v1/docs/getting-started-with-styles) article.

![Style fonts](https://cdn.document360.io/e3762771-4bea-47c2-a830-5473d543417a/Images/Documentation/-1hjhfxnm9kvurpkp794_bzre0dsuhviwq.png)

---

## Requirements

- An active ClickFunnels account

---

## Accessing Style Fonts

1. Click on **Workspace Settings** at the bottom left of your ClickFunnels dashboard.
2. Scroll down the menu on the left and click on the **Styles** tab.
3. Find the style you want to edit and click on the Customize Design ![Black and White Palette](https://cdn.document360.io/e3762771-4bea-47c2-a830-5473d543417a/Images/Documentation/bnmo2hkv1vxm0opfndro-tn6_0weug8o5w(2).png) to the right of it. ![](https://cdn.document360.io/e3762771-4bea-47c2-a830-5473d543417a/Images/Documentation/image-351B72AY.png)
4. In the left menu, click on **Fonts** to access and edit the style’s font settings.

---

## Choosing Your Fonts

1. Adjust the **Base Font Size**: The base font size is the default size for your text on both desktop and mobile devices. Adjusting this makes sure your text is easy to read across devices.
  1. To adjust the base font size use the sliding bar to set the desired base font size for desktop and mobile. ![Base fonts.](https://cdn.document360.io/e3762771-4bea-47c2-a830-5473d543417a/Images/Documentation/xukigxm9h0fu8rvut98jkgtysaa_ptqcwq.png)
2. **Customize Font Properties**: You can customize fonts for the following areas: **Headline**, **Subheadline**, and **Content**.
  1. Click on the section you want to customize: **Headline**, **Subheadline**, or **Content**.
  2. Once you’ve selected a section, you’ll see the font properties for that specific part. Customize the following settings:
    - **Headline Settings**:
      - **Font Family**: Choose the typeface you want to use.
      - **Weight**: Adjust the thickness of the font (e.g., light, regular, bold).
      - **Letter Spacing**: Change the space between letters.
      - **Line Height**: Adjust the vertical space between lines of text.
    - **Size Settings for Desktop**:
      - Select the font size for desktop view, available in formats like **Extra Large**, **Large**, **Medium**, and **Small**.
    - **Mobile Sizes**:
      - **Letter Spacing**: Change the space between letters.
      - **Line Height**: Adjust the vertical space between lines of text.
      - **Size**: Select the font size for mobile view, available in formats like **Extra Large**, **Large**, **Medium**, and **Small**.

> [!NOTE]
> NOTE
> 
> A preview window on the right displays how your changes will look. The preview shows different font formats from Extra Large to Small. Scroll down in the preview window to see smaller font sizes.
3. When you’re done customizing fonts, click **Back to Fonts** at the top left to return to the main fonts menu.
4. Click the **Update** button to save your changes.

---

## Automatic Scaling for Mobile Sizes

1. Switch on the toggle under **Mobile Sizes** on the fonts page to let ClickFunnels automatically adjust font sizes for smaller screens. ![mobile size toggle](https://cdn.document360.io/e3762771-4bea-47c2-a830-5473d543417a/Images/Documentation/l9dxgszatwjnj2xafg820o2hkqev83fziq.png)

> [!WARNING]
> IMPORTANT
> 
> - When this toggle is enabled, the Base font size adjustment for mobile will be hidden.
> - Enabling this feature also disables customizations for Mobile Sizes in Headlines, Subheadlines, and Content.
2. Click the **Update** button to save your changes.

## Related

- [Getting Started with Styles](/getting-started-with-styles.md)
- [How to Customize Style Colors](/how-to-customize-style-colors.md)