> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Typography

> The fonts for headings and body text, and their sizes.

**Where:** in the theme editor, open **Theme settings** (the gear icon at the top of the left sidebar) and choose **Typography**.

![Theme settings, Typography, in the theme editor](https://mintcdn.com/kwebby/ipMVAv6ECVUC3DoM/images/vesper/settings-typography.webp?fit=max\&auto=format\&n=ipMVAv6ECVUC3DoM\&q=85\&s=119351998afc07f0ab2e98caa6bae8f5)

1 Theme settings (the gear icon) · 2 Typography, opened in the sidebar

![Headings and body text in the hero](https://mintcdn.com/kwebby/Y7lUE3PaLXfHjaRp/images/vesper/hero-film.webp?fit=max\&auto=format\&n=Y7lUE3PaLXfHjaRp\&q=85\&s=e6f5f8e28297c5942e1148ae4f7570d2)

Marcellus headings and Instrument Sans body text, the defaults

## How it works

* Headings default to Marcellus, an inscriptional serif, and body text to Instrument Sans, both from Shopify's font library.
* Heading size scales every heading from 80 to 130 percent. Body text size scales body text from 90 to 120 percent.
* Small labels, such as eyebrows and button text, are set in tracked capitals in the body font.

## Edit it

* Choose fonts from the font picker. A high-contrast or inscriptional serif keeps the look of the theme.
* Lower Heading size if long product names wrap awkwardly on phones.

## Settings

| Setting | What it does |
| - | - |
| **Headings** | Font from Shopify's font library. Choose a font with an inscriptional or high-contrast serif for the Nocturne look. Default: marcellus\_n4. |
| **Heading size** | Slider from 80 to 130 %, in steps of 5. Default: 100 %. |
| **Body text** | Font from Shopify's font library. Default: instrument\_sans\_n4. |
| **Body text size** | Slider from 90 to 120 %, in steps of 5. Default: 100 %. |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.