Accessing the Funnel or Website Builder
Navigate to Sites in the left sidebar.
Select Funnels/Websites at the top.
Open the funnel or website you want to edit.
Opening a Funnel Step or Page
Select the funnel step or website page.
Click Edit to open the page builder.
Editing Text Elements in the Builder
Click directly on a text element (headline or paragraph).
The element becomes highlighted and editable.
You can also edit text inline using the floating text toolbar.
Setting Global Fonts Using Typography
Open the builder’s top menu.
Click Typography.
Set:
Headline Font for headings
Content Font for body text
These fonts apply globally across the funnel or website.
Changing Fonts on a Specific Element
Click a text element.
In the right panel, open Typography.
Choose a Typography Type:
Headline Font
Content Font
Custom Font
Using Google Fonts
Open the font dropdown.
Select a font from Google Fonts.
Apply it to the selected element.
Uploading Custom Fonts in the Builder
Supported Font Formats
.ttf.otf.woff.woff2
Upload Steps
Open Typography.
Click Upload Fonts.
Choose:
Upload from Device, or
Choose from Media Library
Uploaded fonts appear in the font dropdown and can be applied immediately.
Important:
Each font style (regular, bold, italic) is uploaded and selected separately.
Using Custom CSS for Fonts (Advanced)
Custom CSS allows full control over typography beyond standard builder options.
This method is recommended only if you are comfortable with CSS.
Method 1: Adding Custom CSS Globally
Open the page builder.
Click Custom CSS from the top menu.
Add your CSS rules.
Click Save.
Method 2: Targeting Elements with Custom Classes
Select a text element.
Open the Styles tab.
Add a Custom Class name.
Use that class inside Custom CSS to apply font rules.
Method 3: Importing Fonts Using HTML or CSS
You can import fonts using:
CSS
@importHTML
<link>tags
Steps
Open Quick Add.
Add a Code element to the page.
Open the code editor.
Paste your HTML or CSS font import code.
Save changes.
Common Issues and Fixes
Font does not appear after upload
Ensure the font format is supported and the correct style (bold/italic) is uploaded.Font applies inconsistently
Confirm whether the font is applied globally or only to a specific element.CSS changes not visible
Check selector accuracy and confirm the CSS was saved.
FAQ
What font options are available by default?
You can set global Headline Font and Content Font using Google Fonts or uploaded custom fonts.
Can I use custom fonts without CSS?
Yes. You can upload custom fonts directly in the Typography panel and apply them without using CSS.
What is CSS and why would I use it for fonts?
CSS controls styling such as fonts, colors, and layout. It allows advanced customization beyond standard builder settings.
How do I add custom CSS to a funnel or website?
Open the builder, click Custom CSS from the top menu, paste your CSS, and save.
What is the CSS selector method?
CSS selectors let you target specific elements or classes to apply custom font rules.
Can I import fonts using HTML?
Yes. Use a Code element and add a <link> tag or CSS @import rule.
Do uploaded fonts require Media Storage?
No. Fonts can be uploaded directly from your device or selected from Media Storage.