How To Modify Your Website Fonts
This video tutorial will walk you through the steps of modifying the fonts you're using on your PhotoBiz website.
You can change and customize the fonts you are using on your PhotoBiz 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 PhotoBiz website.
STEP ONE
Login to your PhotoBiz 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 EDIT DESIGN SETTINGS button to access your website global design settings.
STEP FOUR
Click on the FONTS option in the right-side menu to find your website global font settings.
STEP FIVE
You can mouse over and click on your font name to access the font settings.
STEP SIX
The font bank will appear, you can see the current global fonts you're using and then all the different categories of fonts that are available. There's a preview of what each font looks like available as you browse the font bank.
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.
PRO TIP!
These font settings apply to your global font settings but each block in your builder has individual font settings that can be updated and override these settings.
Learn More: Customize Individual Block Font Settings
CUSTOMIZE YOUR FONTS
You can customize the font style and size of your menu, titles, and global content by accessing the DESIGN section of your PhotoBiz website builder.
MENU
- MENU ITEM: Controls the font you are using on your website navigation menu.
TITLES
This section controls the following items:
- TITLE BLOCK: The Title Block in the Website Builder
- TEXT + IMAGE / TEXT EDITOR / MAPS TITLE: The Text + Image block, the Text Editor Block, and the Maps Block titles.
GLOBAL CONTENT
- PARAGRAPH: Applies to all blocks with text editor, descriptions, and detail pages.
- HEADING H1: Applies to any block with a text editor.
- HEADING H2: Applies to any block with a text editor.
- HEADING H3: Applies to any block with a text editor.
- BANNER/VIDEO TITLE: Applies to Banner and Video blocks.
- DETAIL PAGE TITLE: Applies to Blog, Product, Services, and Scheduler detail pages.
- ITEM TITLE: Applies to Images, List, Blog, Products, Services, Scheduler, Proofing, Maps, and FAQ blocks.
- BUTTON TEXT: Applies to all blocks and detail pages that have buttons.
Please Note: You can adjust H1, H2, and H3 text in the Text Editor and Text + Image block areas of your PhotoBiz website builder. Learn More
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, letter spacing, and line height 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.
- Line Height: This setting controls the height of each line of your text blocks.
Line Height does not apply to the MENU settings.
Mouse over the settings option and click on it to access the sliders to change these settings.
You can use the slider to increase or decrease your global settings for font size, letter spacing, and line height. The preview at the top of the sliders will display an example of what the settings will do to your global fonts if you apply them.
After you've adjusted your font size, letter spacing, and line height, click on the SAVE CHANGES button at the bottom of the control page to be apply your updates to your website.
0 Comments