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 fonts

Overview

Settings	Type	Description
Headings
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
Font	font_picker	Highlighted text font.