The message you send to your leads goes beyond the semantic meaning of the words; it will also depend on the readability and the mood of your typography. If you already have one that matches your business, you can add it to the system and use it on your funnels or websites! Let's check how.

Adding a Custom Font

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

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

If you have already added a text element, click the element 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 it from the media library or upload it directly from your desktop.

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

Using a Custom Font

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

You can further customize your text by 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 view how your edits will appear in each format.

Font Weight

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

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

Opacity

Managing the level of transparency in your content is easily achievable by modifying the opacity settings. You can select from various degrees of fading, ranging from None (completely opaque) to Light, Half, and Heavy Fade (increasing levels of transparency). This allows you to create the desired visual effect for your content, enhancing its overall appeal.

Line Height

The Line Height feature allows you to modify the height of an Element box effortlessly. To make adjustments, simply slide the size bar either left or right to decrease or increase the height, respectively.

Text Transform

The Text Transform feature offers you the flexibility to modify your text's appearance by converting it to uppercase, lowercase, or capitalizing the first letter of each word. This enables you to achieve the desired visual style and presentation for your content, ensuring it aligns with your overall design guidelines.

Letter Spacing

By utilizing the letter spacing option, you can customize the distance between individual characters in your text. Simply click on this feature to make adjustments, allowing you to achieve the desired appearance and readability for your content.

Color Options

• Background Color: To change the background color of your text, simply click on the content you want to adjust, then choose the desired color. 
• Color: You can adjust the regular text colors here
• Link Text Color: If you have a link added to this element, you can only edit the link color here. To be able to add a link to your text, you have to 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 color here. Only the icon color will change regardless of the position it's placed.

  

If you cannot find your preferred color, you can add custom colors by entering the color 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 color change.

This feature will help you build professional pages without workarounds or CSS hacks. Increasing your content's consistency across existing and new pages, and helping you create appealing content that's full of creativity.