In this article we will introduce the Typography feature in Global styles and how to use it to set up consistent text styling in the theme.
What is typography
Typography brings together presets of typography types
These presets will help you reuse typography without having to set it up from scratch.
How to customize typography
Click any typography item to open its editing panel, then adjust its text styling options:
Font Family is the typeface used to display your text. Different fonts create different moods and visual styles for your store.
Font Weight controls how thick or thin the text appears, ranging from light to bold. It helps emphasize important content.
Font Style allows you to adjust the appearance of your text. You can set it to Normal, Italic, or Oblique.
Italic applies a designed slanted style for a more expressive look, while Oblique tilts the regular text to create a simple slanted effect.
Text Transform changes the letter casing of your text. You can convert all letters to uppercase, lowercase, or capitalize the first letter of each word.
Font Size determines how large or small the text appears on the page.
Letter Spacing adjusts the distance between individual characters, making your text feel tighter or more open.
Line Height sets the spacing between lines of text, improving readability and balance in your layout.
Frequently Asked Questions
How can I change typography when I edit my page?
You can change typography using the text styling options provided within the text block.
I can't find the font family I need?
Font family are provided by Google Fonts. If you want to add a custom font that is not available in Google Fonts, please contact our support team for assistance.
Can I set typography for different devices?
Yes, typography can work independently on Desktop, Tablet and Mobile.
We hope this article helps you understand how to use Typography feature in Global styles to customize typography presets and set consistent typography for your theme.
