Typography
Claro provides full control over your store's typography through the theme editor.
Font settings
Navigate to Theme settings → Typography to configure fonts.
| Setting | Description | Default |
|---|---|---|
| Heading font | Font used for all headings (h1–h6) | Assistant |
| Heading scale | Scale factor for heading sizes (80%–150%) | 100% |
| Body font | Font used for body text, labels, and UI | Assistant |
| Body scale | Scale factor for body text sizes (80%–130%) | 100% |
Font size scale
Claro uses a modular type scale that automatically adjusts for screen size. The scale slider lets you make all text larger or smaller proportionally without breaking the design hierarchy.
Shopify font library
The font picker gives you access to Shopify's curated font library, which includes hundreds of free, performance-optimized web fonts. These fonts are served from Shopify's CDN, ensuring fast load times.