Link to Loom
https://loom.com/share/d25c222ae3d6411cbda99f65a0644913?src=composer
How to Change Fonts on Your Website: A Step-by-Step Guide
1. Understanding Font Changes
Changes need to be made on each page for consistency across the site.
2. Accessing Typography Settings
Navigate to the top left-hand component and click on Typography.
This action opens a left-hand panel menu for font selection.
3. Editing Fonts for Consistency
Selecting fonts through the Typography menu updates all fonts on the current page.
Avoid editing fonts individually to maintain uniformity.
4. Choosing the Right Fonts
Click on the font name to select a Google font.
Recommendations:
Use fonts without scripts for better legibility.
Avoid decorative fonts that hinder navigation and readability.
5. Previewing Font Changes
Click on different font options to see real-time updates on the page.
Default fonts include Lotto and Montserrat; you can choose to keep them.
6. Saving Changes
After making font selections, click Save and Close and then Publish.
Repeat this process for each page to ensure all pages have the same font.
7. Understanding the Typography Component
If fonts are changed directly from a text element instead of the Typography component, only that specific section will be updated.
Always use the Typography settings to ensure site-wide changes.
8. Final Checks
Verify legibility on both desktop and mobile versions.
Ensure that script and overly decorative fonts are avoided for a better user experience.
9. Conclusion
Remember to update the font settings on every page for consistency.
Once satisfied with the changes, save and publish to finalize updates.