How To Modify Your Website Fonts
This video tutorial will walk you through the steps of modifying the fonts you're using on your Zibster website.
You can change and customize the fonts you are using on your Zibster website with our font bank. We have a curated list of fonts that are licensed and mobile responsive selected from the Google Font foundry. The font bank is located under the DESIGN tab in your website builder control panel.
Previews for each font are available in the font bank on your control panel. You can also check out examples of the font bank on the Growth Hub.
This guide will walk you through the steps on how you can customize the fonts on your Zibster website.
STEP ONE
Login to your Zibster account and select WEBSITE in the menu on the left.
STEP TWO
Click on the DESIGN tab at the top of your Website control panel.
STEP THREE
Click on the FONTS menu.
CUSTOMIZE YOUR FONT
You can customize the font style and size of your menu, titles, and global content by accessing the DESIGN section of your Zibster website builder.
Menu Font
Controls the font you are using on your website navigation menu.
Title Font
Controls the font you are using for the page titles on your webpages, list items, images, products, blog posts, and more.
Global Content Font
- Paragraph: Control the font of your paragraph text.
- H1: Control the font of your header 1 (H1) text.
- H2: Control the font of your header 2 (H2) text.
- H3: Control the font of your header 3 (H3) text.
PRO TIP: You can adjust H1, H2, and H3 text in the Text Editor and Text + Image block areas of your Zibster website builder.
Select a Font
To change the font you are using, click on the change button.
After you click on the change button, you'll see a menu on the right that offers a preview of all the fonts. You can filter the fonts by the following:
- GLOBAL
- ALL
- SERIF
- SANS-SERIF
- MONOSPACE
- SCRIPT
- HANDWRITTEN
You can mouse over the font you want to apply and click on the SAVE button to apply the new font to your website.
Important Note: If you are changing the existing font settings on your account to new font settings, a button for "Recently Used" will appear in this section as well. This allows you to see the last 6 fonts you've used on your website builder.
SELECT YOUR FONT SIZE & LETTER SPACING
You can control the size and letter spacing of the fonts you're using on your PhotoBiz website by clicking on the size and letter spacing section and changing the size of the font in percentages according to the default size for the template you've selected.
How It Works
Font Size: Selecting 80% would make the font 80% of the default size and make the font smaller. Selecting 120% would make the font 120% of the default size, and make the font larger.
Letter Spacing: Selecting a negative em value will decrease the space between letters and shorten the overall text length. Selecting a positive em value will increase the space between letters and increase the overall text length.
After you've adjusted your font size and letter spacing, click on the SAVE CHANGES button at the bottom of the control page to be apply your updates to your website.
Pro Tip!
You will be able to see a preview of how it will appear on your website before saving.
0 Comments