# Typography

Here you can adjust font settings for specific typography elements.

<div data-full-width="true"><figure><img src="https://3633698173-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvf4zpwYj4bywECSYDSPu%2Fuploads%2Fjp0VDXOZabPjJvSDFRp0%2FTypography.png?alt=media&#x26;token=e251ee4f-239d-438d-b5e2-dcca622d2118" alt=""><figcaption></figcaption></figure></div>

### Body Font <a href="#body-font" id="body-font"></a>

Our theme uses **Inter** as the default for the Body font.

Here you set properties like Font Family, Font Size, Variant, Light Height, and Letter Spacing for Body font.

### Heading Font <a href="#heading-font" id="heading-font"></a>

Our theme uses **Inter** as the default for the Heading font.

Here you set properties like Font Family, Font Size, Variant, Light Height, and Letter Spacing for Heading font.

### Font size H1 to H6  <a href="#font-size-h1-to-h6" id="font-size-h1-to-h6"></a>

This entry creates dynamic font sizes for the basic text and the general typographic HTML headings (h1-h6). Simply insert the desired font size. Values are in pixels. Simply enter a number such as 35, 26…

### Button Settings

Our theme uses **Inter** as the default for the Body font.

Here you set properties like Font Family, Font Size, Variant, Light Height, Letter Spacing and Text Transform for Body font.