The message you send to your leads goes beyond the words themselves; it also depends on the readability and the mood of your typography. If you already have a font that matches your business, you can add it to the CRM and use it on your funnels or websites. Here's how.

Adding a Custom Font

You can add your custom fonts by uploading them to the Media Storage.

To add them directly in the Funnel or Website builder, add a text element to your page (e.g., paragraph or heading).

If you've already added a text element, click it to open its settings.

On the right panel, go to the "Typography" section, open the font dropdown, and select "Custom Font."

Click the Font family square to open the font options, then click "Upload Fonts" to select a font from the media library or upload one directly from your desktop.

You can select a font from your media library (1) or upload it directly from your device (2).

Using a Custom Font

If you've added a custom font previously, select it by following the steps above and opening the dropdown menu, then choosing Custom Fonts. This filters the results to your previously uploaded fonts. Click the one you want to apply.

You can further customise your text using the options on the right side.

Font Size

To change the font size for mobile and desktop devices, adjust the size bar on the right. Navigate between mobile and desktop views in the top left corner of your funnel builder to see how your edits will appear in each format.

Font Weight

Adjust the font weight to get the right look. You can choose from thin, regular, bold, or extra-bold options to match your design style.

📌Note: Font weights availability may vary depending on font family.

Opacity

You can control the transparency of your content by adjusting the opacity settings. Choose from various degrees of fading, ranging from None (completely opaque) to Light, Half, and Heavy Fade (increasing levels of transparency), to create the visual effect you're after.

Line Height

The Line Height feature lets you adjust the height of an Element box. Slide the size bar left or right to decrease or increase the height.

Text Transform

The Text Transform feature lets you change your text's appearance by converting it to uppercase, lowercase, or capitalising the first letter of each word, so you can match your overall design style.

Letter Spacing

Using the letter spacing option, you can customise the distance between individual characters in your text. Click the feature to make adjustments until you get the appearance and readability you want.

Color Options

  • Background Color: To change the background colour of your text, click the content you want to adjust, then choose the desired colour.
  • Color: You can adjust the regular text colours here
  • Link Text Color: If you have a link added to this element, you can only edit the link colour here. To add a link to your text, highlight the text and then click on the chain strand icon.
  • Icon Color: If an icon is added to this element, you can edit the icon colour here. Only the icon colour will change regardless of the position it's placed.

If you can't find your preferred colour, you can add custom colours by entering the colour code into the space provided and clicking the add color button.

📌Note: Depending on the font family, you might not be able to apply a Text or Link Text colour change.

This feature helps you build professional pages without workarounds or CSS hacks, keeping your content consistent across existing and new pages and making it easier to create designs that feel considered and polished.