> ## 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

> Three fonts, for headings, body text and specs, and the size of headings and body text.

**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/tbWCv70mkhaUy_7w/images/kelvin/settings-typography.webp?fit=max\&auto=format\&n=tbWCv70mkhaUy_7w\&q=85\&s=5498168e7b7efd3c8f72f2ff6a95e462)

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

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

Archivo Narrow headings, Archivo body text and IBM Plex Mono for specs, the defaults

## How it works

* Headings default to Archivo Narrow in bold, Body to Archivo and Specs and numbers to IBM Plex Mono, all from Shopify's font library.
* Headings uses the bold weight of the chosen font when it has one. It sets headings, product names, card prices, buttons and the text logo, which shows in capitals.
* Body also loads its medium, bold, italic and bold italic styles when the chosen family has them, so bold and italic words in your text use the font's own faces.
* Specs and numbers sets the spec rows on cards, the compare table, readouts, unit prices and the product counts in the menus.
* Heading size scales section headings and page titles from 80 to 130 percent. Body size scales body text from 90 to 120 percent.

## Edit it

* Pick a narrow or condensed heading font: long product names then stay on one or two lines.
* Keep a monospaced font for Specs and numbers so figures line up in spec rows and tables.
* Lower Heading size if long product names wrap awkwardly on phones.

## Settings

| Setting | What it does |
| - | - |
| **Headings** | Font from Shopify's font library. Headings and product names. A narrow face keeps spec-heavy pages compact. Default: archivo\_narrow\_n7. |
| **Body** | Font from Shopify's font library. Default: archivo\_n4. |
| **Specs and numbers** | Font from Shopify's font library. Used for spec rows, readouts and prices in tables. Default: ibm\_plex\_mono\_n4. |
| **Heading size** | Slider from 80 to 130 %, in steps of 5. Default: 100 %. |
| **Body 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.