What Typography Preview Does
Typography Preview displays each font in its own typeface directly inside the font selection dropdown.
Fonts preview instantly as you scroll or search
No need to apply a font to see how it looks
Works for both headline and content fonts
Typography Preview helps you compare fonts quickly without changing live page styles repeatedly.
Where Typography Preview Is Available
Typography Preview is available in:
Funnel Builder
Website Builder
It appears anywhere a font selector is used, including:
Global Typography settings
Section-level typography settings
Element-level typography settings (text, headings, buttons)
How to Use Typography Preview
Step 1: Open a Funnel or Website Page in the Builder
Open any funnel or website page and click Edit to enter the visual builder.
Step 2: Open Typography Settings
In the builder:
Select a section or text-based element
Click the Typography icon in the top toolbar or settings panel
Step 3: Preview Fonts in the Dropdown
In the Typography panel:
Click the Headline Font or Content Font dropdown
Scroll or search through the font list
Each font previews live in its own style inside the dropdown
The preview updates instantly without applying the font.
Step 4: Apply the Selected Font
Click any font name in the list to apply it immediately to the selected section or element.
Supported Font Sources
Typography Preview supports:
Google Fonts (1,500+ available)
Uploaded custom fonts (if enabled on the account)
Common Issues and Fixes
Font preview does not change while scrolling
Ensure you are using a modern browser
Refresh the builder and reopen Typography settings
Font applies, but looks different on the live page
Confirm the page is published
Check for element-level overrides that may affect typography
FAQ
Can I preview multiple fonts at the same time?
No. Fonts preview one at a time as you scroll through the dropdown list.
Are all Google Fonts available in Typography Preview?
Yes. All supported Google Fonts appear with live previews in the font selector.
Does Typography Preview work for both headings and body text?
Yes. Typography Preview works for both Headline Font and Content Font fields.
Can I apply a font directly from the preview?
Yes. Clicking a font name applies it immediately.
Does previewing many fonts affect page performance?
No. Previewing fonts does not impact page performance. However, using too many different fonts on a live page may affect load speed.