# Typography

**Typography** allows setting the font elements such as font, font size, line height and alignment of texts for the Civi theme.

<figure><img src="https://947744334-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjG66evEIMBXknuFytIuq%2Fuploads%2FoWGYUk15tOgOOyqVRLLc%2FTypography%20customize.png?alt=media&#x26;token=db983531-b74c-4ee8-8c7e-b87cd1f0d570" alt=""><figcaption></figcaption></figure>

### 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 34, 26…