> For the complete documentation index, see [llms.txt](https://oranthemes.gitbook.io/edge-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://oranthemes.gitbook.io/edge-theme/theme-settings/typography.md).

# Typography

{% hint style="success" %}
**Steps:** 

1. In the theme editor (**Customize**), click **Theme settings**
2. Locate **Typography**
3. Make necessary changes > **Save**
   {% endhint %}

### Headings

Choose the font, then adjust the font size scale and letter spacing of all headings.

<figure><img src="/files/y4FP1lx7xU1b2zrMhKbL" alt=""><figcaption></figcaption></figure>

### Body

Choose the font and adjust the font size scale for the body text of the site.

<figure><img src="/files/u5fqEEg6EepcuN2cu8rE" alt=""><figcaption></figcaption></figure>

### Navigation (Menu), Navigation Mobile

Choose the font for your navigation

<figure><img src="/files/RgveDMk0Z1rYWWXZ9xdO" alt=""><figcaption></figcaption></figure>

### Subheadings

Choose the font for your subheadings

<figure><img src="/files/Y8izpj9CdMmQh3Qqv4t4" alt=""><figcaption></figcaption></figure>

### Product cards title

Choose the font for your  product card title

<figure><img src="/files/BgJyise417khbJ1qnrGl" alt=""><figcaption></figcaption></figure>

### Buttons

Choose the font for your buttons

<figure><img src="/files/WkA2qnkJfnNXX9XcIMLY" alt=""><figcaption></figcaption></figure>