# Typography

{% hint style="info" %}
**Theme settings -> Typography**
{% endhint %}

***

## Headings

* **Font type**: choose between Google or Shopify default font.
* **Shopify font:** Selecting a different font can affect the speed of your store. [Learn more about system fonts.](https://help.shopify.com/manual/online-store/os/store-speed/improving-speed#fonts)
* **Font size scale**: Control the font size of Headings using the scale from 50% to 200%.
* **Font size scale for mobile**: Control the font size of Headings using the scale from 100% to 150%.

***

## Headings H4-H6

**Font type** - choose between Default, Google, Shopify

***

## Body

Adjust the font and size for these elements: descriptions, breadcrumbs, menu items in the header and footer, copyright text, product titles on collection pages, input field texts, and filter items on collection pages.

* **Font type** - choose between Default, Google, Shopify
* **Shopify font:** Selecting a different font can affect the speed of your store. [Learn more about system fonts.](https://help.shopify.com/manual/online-store/os/store-speed/improving-speed#fonts)
* **Font size scale/Font size scale for mobile**: Control the font size of Headings using the scale from 100% to 150%.

***

## Price

**Font type** - choose between Default, Google, Shopify

***

## Buttons

Configure the font in this section to apply it to all store buttons.

**Font type** - choose between Default, Google, Shopify

**Buttons font weight** - choose between Normal or Bold.

***

## Main menu

**Font type** - choose between Default, Google, Shopify

***

## Text transform

* **Headings font uppercase**: Enable the option if you need to capitalize headings in the sections/blocks of the entire store.
* **Headings font letter spacing:** The program divides the current value by 1000 to get the real value.
* **Buttons font uppercase**: Check the option to capitalize the button's text.
* **Menus font uppercase**: Hit the checkbox to capitalize parent menu items in the Header.

Below is an example of Text Transform settings as they might appear in a store:

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2FuQewoLCD70pGXvFS15yL%2Fts_transform.png?alt=media&#x26;token=705e082a-5ba7-4f50-a3cc-0f77fe3c8f55" alt=""><figcaption></figcaption></figure>
