How to Change Fonts in Your Website
Fonts play a critical role in how your content is perceived by your audience. With the design tab in your website builder, you can easily choose a font combination, customize font sizes, and fine-tune typography settings for headings, paragraphs, navigation, buttons, and more. Here's a step-by-step guide:
Step 1: Access the Design Tab
From the Dashboard, navigate to the Design tab located at the top of the left-hand sidebar.
Under the Theme Options, select the Fonts option to start customizing your fonts.
Step 2: Choose a Font Theme
In the Fonts section, you'll see multiple font themes or font combinations to choose from.
Select a theme that best suits your website’s style by clicking on the desired theme.
You can also adjust the font size for the theme, with options ranging from XS to XL, depending on the text size that works best for your design.
Step 3: Edit Font Styles
To further customize, click on Edit Styles for detailed typography settings.
Inside the Edit Font Theme menu, you will see the following sections:
Headings: Customize fonts for headings (H1, H2, H3, etc.).
Paragraph: Customize text for paragraphs (P1, P2, P3).
Navigation: Adjust the fonts for your website’s navigation bar.
Buttons: Customize button text fonts.
Other: Manage other text areas like form labels or quotes.
Step 4: Adjust Font Properties
For each type of text (e.g., headings, paragraphs), you can control the following:
Font Family: Select from various font options (e.g., Cormorant Garamond, Montserrat).
Text Transform: Choose between options like uppercase, lowercase, or capitalize.
Weight: Adjust the font weight from light to bold.
Line Height: Adjust the spacing between lines of text.
Letter Spacing: Fine-tune the spacing between characters for readability and design style.
Once you’ve customized the font properties for headings, repeat the same steps for other text sections like paragraphs, buttons, and navigation.
Step 5: Previewing and Publishing Fonts Changes
Once you’ve made your adjustments:
Preview Your Changes: Use the Preview Button to see how the updated button styles look in real-time.
Publish Your Changes: When you’re satisfied with the customization, click the Publish Button to apply these button changes to your live website.
Conclusion
Customizing fonts on your website enhances readability and visual appeal. With easy-to-use tools for selecting themes, adjusting sizes, and refining typography for various text elements, you can create a cohesive, engaging look that aligns with your brand. After making changes, preview and publish to update your website's appearance instantly.
Last updated