Quick Answer
How do you use the Typography Preview in BizStackPro?
Open a funnel or website page in the Builder, open the Typography settings, and scroll through the available Google Fonts. The canvas displays one font at a time as you browse. Select the font you want and apply it to the appropriate global typography settings.
What the Typography Preview Does
Typography influences how a page looks and feels. A font can make content appear modern, bold, simple, playful, formal, or difficult to read.
The Typography Preview shows a live preview of one font at a time as you browse the available options in the Builder.
This allows you to see how a font looks with your page content before selecting and applying it, reducing repeated trial-and-error changes.
Preview fonts with real page content
Use a page containing visible headings and body text so you can evaluate both visual style and readability while browsing the font list.
Typography Preview at a Glance
Before You Begin
Open a useful example page and decide which types of text you need to evaluate before choosing a font.
- Sign in to your BizStackPro account.
- Choose the funnel or website you want to edit.
- Open a page containing both headings and body text.
- Consider the visual style you want the page to communicate.
- Decide whether you are selecting fonts for headings, body text, or both.
- Be prepared to preview the page on desktop and mobile.
- Plan to use global typography settings to maintain consistency.
Preview and Apply a Font
Browse fonts inside the Builder and evaluate each option with your existing page content.
Open Sites
From the BizStackPro dashboard, select Sites.
Open the Funnel or Website
Select the funnel or website containing the page you want to update.
Launch the Builder
Open a page or funnel step to launch the Funnel and Website Builder.
Open Typography Settings
Open the Typography settings in the Builder panel.
Browse the Google Fonts
Scroll through the available Google Fonts. The live preview displays one font at a time as you move through the list.
Review the Live Canvas
Watch the page canvas update while browsing. Compare the font’s appearance in headings and body text without applying each option first.
Select the Font
When you find an appropriate option, select the font you want to use.
Apply Global Typography
Apply the selected font to the appropriate global typography settings, such as H1, H2, H3, or body text, to maintain consistency throughout the page.
Preview Desktop and Mobile
Review the page in both desktop and mobile views. A font that works well for a large heading may feel crowded or difficult to read at smaller sizes.
Save and Review
Save the changes and review the complete page to confirm that the typography remains readable and consistent.
Faster Font Selection
Live previews show the visual result immediately, reducing the need to apply and remove fonts repeatedly.
Clearer Branding
Typography helps establish whether a page feels modern, bold, simple, playful, or formal.
Consistent Pages
Global typography settings reduce one-off formatting changes across individual page elements.
Typography Best Practices
Frequently Asked Questions
Can I preview multiple fonts at once using the live typography preview feature?
Are all Google Fonts available for preview in the Builder?
Does the live typography preview feature work on all devices?
Continue Learning
Continue learning how to build and customize your BizStackPro funnels and websites with these related Help Center guides.
