Customize Your Website Fonts in Zibster
Want to give your website a unique look and feel? With Zibster, you can easily change your website’s fonts using our built-in font bank—featuring a curated selection of mobile-friendly, licensed fonts from Google Fonts.
This guide will walk you through how to update your global font settings, which control the overall typography used across your site.
STEP ONE
Log In and Go to the Website Builder
Log into your Zibster account and click on WEBSITE from the menu on the left.
STEP TWO
Open the Design Panel
At the top of your Website control panel, click on the DESIGN tab.
STEP THREE
Edit Your Design Settings
Click the EDIT DESIGN SETTINGS button to open your global design controls.
STEP FOUR
Open the Fonts Menu
In the right-side menu, click on FONTS to view your website’s global font settings.
STEP FIVE
Select a Font to Customize
Hover over a font name and click to open the font settings panel.
STEP SIX
Browse the Font Bank
A new panel will appear, showing your current fonts and the full list of available options—each with a live preview.
Click CHANGE to see font previews and use the filters to narrow your search by category:
- Global
- All
- Serif
- Sans-serif
- Monospace
- Script
- Handwritten
When you find a font you like, hover over it and click SAVE to apply it to your site.
💡 Pro Tip: Zibster saves your six most recently used fonts in a Recently Used section for easy access.
Customize Fonts by Section
Your global font settings apply to all standard text areas on your site, including:
MENU
- Menu Item – Changes the font in your website navigation.
TITLES
- Title Fonts – Used in Title Blocks, Text + Image titles, Text Editor titles, and Map titles.
GLOBAL CONTENT
- Paragraph – Applies to most body text, descriptions, and detail pages.
- Heading H1 / H2 / H3 – Used in many text-based blocks like Text Editor and Text + Image.
- Banner/Video Title – For Banner and Video block headings.
- Detail Page Title – For blog posts, products, services, and scheduling detail pages.
- Item Title – Used in Images, Lists, Blogs, Maps, FAQs, and more.
- Button Text – Applies to all buttons across your website.
Fine-Tune Font Appearance
In each font section, you can adjust:
-
Font Size
Use the slider to scale font size up or down.
Example: 80% = smaller, 120% = larger -
Letter Spacing
Control the space between letters.
Negative = tighter, Positive = more spaced -
Line Height
Adjust vertical spacing between lines of text.
(Note: This does not apply to menu fonts)
Preview your changes at the top of the section, and when you're happy with how it looks, click SAVE CHANGES to apply your settings.
That’s it! Your fonts are now customized across your entire website.
Want even more flexibility? You can override global fonts on individual blocks to create totally custom sections. 👇
