Typography
The Typography category in Theme settings controls the fonts and sizing used across the storefront.
Headings
- Font — The font used for all headings (h1 through h6). Pick from the Shopify-hosted font library, which includes Google Fonts and a curated selection of system and licensed fonts. Default: Libre Caslon Text Bold.
Body
- Font — The font used for body copy, navigation, buttons, and form inputs. Default: Libre Caslon Text Regular.
Sizing
- Title size — Scales all headings (h1 through h6) proportionally. Range: 80% to 130% in 5% steps. Default: 100%.
- Text size — Scales body text and UI proportionally. Range: 80% to 130% in 5% steps. Default: 100%.
100% is the design default.
Recommendations
- Pair fonts intentionally. Pave’s editorial style works well with a serif for headings and a clean sans-serif for body, or with a single typeface used for both at different weights.
- Keep sizing close to 100%. The defaults are tuned for readability and visual rhythm. Push to 110–120% for a more dramatic editorial feel; drop to 90% for a denser look.
- Test on mobile. A larger title size that looks elegant on desktop can dominate small screens. Preview on mobile in the theme editor before committing.
- Performance: every additional font weight or family adds to page load. Stick to one or two fonts, and let Shopify lazy-load the file.
How to change fonts
- Open the theme editor.
- Click Theme settings in the left sidebar.
- Open the Typography category.
- Under Headings and Body, click the font name to open the picker.
- Browse or search the library, choose the font, and pick a weight if available.
- Click Save.
Custom fonts
Pave does not ship with a setting to upload custom font files. Custom font integration requires code customization, which is not covered by support. See Custom code.