Recommended: Install Fontify app to easily change any fonts for your whole page or specific elements. Support all Google fonts that GDPR compliant and upload Custom fonts in seconds.

From Theme settings >> Typography

1. Typography

• Heading font: Select the font for the main headings within the header. Choosing an appropriate font helps set the brand's tone and ensures that headings are both prominent and easy to read.
• Body font: Select the font for descriptive text and other secondary components in the header. This font should be clear and highly legible, even at small sizes, to ensure the best possible user experience.

Selecting a different font can affect the speed of your store. Learn more about system fonts.

2. Heading

Font size gradually increases on intermediate screen sizes.

• Config font size for Extra extra large (Desktop, Mobile), Extra large (Desktop, Mobile), Large (Desktop, Mobile), Small (Desktop, Mobile), Extra small (Desktop, Mobile), Extra Extra small (Desktop, Mobile), H1 - H6 size (Desktop, Mobile)
• Line height: Adjust the vertical spacing between lines of text. Setting an appropriate value improves readability, especially for longer paragraphs, by making the text feel less dense and easier to follow.
• Letter spacing: Adjust the horizontal spacing between characters within a word. This setting can be used to create specific visual effects or improve readability for certain fonts, helping the text appear more balanced.

3. Body

• Base size (mobile): Adjust the default font size for text displayed on phones. This is crucial for ensuring readability and a clean interface on small screens.
• Base size (tablet and desktop): Adjust the default font size for text on tablets and desktops. An appropriate size creates a more professional interface and a comfortable reading experience on larger screens.
• Line height: Change the vertical spacing between lines of text. Increasing the line height makes text feel less dense, improving readability and making it easier to follow, especially for longer paragraphs.
• Letter spacing: Adjust the horizontal spacing between characters within a word. This can be used to create unique visual effects or make the text feel more balanced and readable with certain fonts

Updated on: 15/08/2025