Typography
Allow you to define the fonts, sizing, casing, and spacing used across your storefront, ensuring a coherent, brand-aligned visual identity and optimal readability.
Font stacks in the theme settings are predetermined. You can not remove or add fonts to this list. To use custom fonts, check out our documentation post on the topic below:
How to add custom fontsHeadings
Font
font_picker
Select the font for headings.
Uppercase headings
checkbox
Enable to render of all heading text in uppercase.
Base size
range
Controls the size of headings as a percentage.
Letter spacing
range
Adjust the spacing between letters in headings.
Body Text
Font
font_picker
Font for body content.
Base size
range
Controls the main text size.
Navigation
Font
select
Use either the heading or body font for navigation.
Weight
select
Font weight: Light, Normal, Bold.
Base size
range
General navigation text size.
Top-level links size
range
Font size for main navigation links.
Uppercase top-level links
checkbox
Makes top-level links uppercase. Disabled in a hamburger menu.
Uppercase all links in megamenu
checkbox
Capitalizes all megamenu links. Disabled in a hamburger menu.
Letter spacing
range
Adjust spacing for nav text.
Apply letter spacing to only uppercase
checkbox
When enabled, spacing affects only uppercase text.
Accent
Font
font_picker
Font for subheadings.
Uppercase
checkbox
Renders subheadings in uppercase.
Base size
range
Size of subheadings.
Letter spacing
range
Adjust letter spacing for subheadings.
Labels
Font
select
Font source: Body, Heading, or Accent.
Weight
select
Font weight: Light, Normal, Bold.
Uppercase
checkbox
Display labels in all caps.
Base size
range
Size for labels.
Letter spacing
range
Adjust spacing between characters.
Highlight
Last updated