Typography

Fine-tune the typography and shape of your storefront.

Font family

Go to Storefront Settings → Appearance → Typography & Radius.

Base font (Sans)

Choose a Google Font for all storefront text. Click the dropdown and select from popular fonts, or paste a custom Google Fonts CSS URL.

Serif and Monospace fonts

Optionally set separate serif and monospace fonts for specific content elements.

Letter spacing

Adjust the letter spacing (tracking) in em units. This affects all text on the storefront.

• Negative values tighten spacing (e.g., -0.02)
• Positive values loosen spacing (e.g., 0.05)

Corner radius

Control how rounded UI elements appear. The border radius value (in rem) affects buttons, cards, inputs, and other containers.

• 0 — sharp corners
• 0.5 — slightly rounded (default)
• 1.0+ — very rounded, pill-shaped buttons

Custom fonts

For fonts not in the dropdown list:

1. Go to Google Fonts
2. Select your font and copy the CSS embed URL
3. Paste it in the Custom font URL field
4. Click Apply custom font