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

  1. Open the theme editor.
  2. Click Theme settings in the left sidebar.
  3. Open the Typography category.
  4. Under Headings and Body, click the font name to open the picker.
  5. Browse or search the library, choose the font, and pick a weight if available.
  6. 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.


Pave theme © Corebia. Documentation last updated {{ site.time | date: "%B %Y" }}.