# Fonts

A wide selection of **Fonts** are available for the logo, headings, body text, and buttons. These fonts are applied site-wide. All fonts are provided by Shopify's font picker. See a full list of [fonts supported by Shopify](https://shopify.dev/themes/architecture/settings/fonts#available-fonts).

In the theme editor, click the **Theme settings** icon, then click to open the **Fonts** tab.

{% hint style="info" %}
**Tip |** See our blog post on [Choosing the best font pairings for your store](https://fluorescent.co/blog/font-pairing) for helpful tips and some handpicked examples.
{% endhint %}

## Heading font

All heading and subheading text.

| Setting                       | Description                                                                              |
| ----------------------------- | ---------------------------------------------------------------------------------------- |
| Heading size                  | Change the base heading size throughout the theme. Choose a value between 22px and 40px. |
| Display headings in uppercase | Display all headings in uppercase.                                                       |

## Body font

All remaining text including body text, navigation (menu items), product listing title, and button text.

| Setting   | Description                                                                            |
| --------- | -------------------------------------------------------------------------------------- |
| Body size | Choose base body text size throughout the theme. Choose a value between 14px and 18px. |

## Logo font

Your store name in the Header (when no logo image). Go to your Shopify admin **Preferences** to edit your store name under **Store details**.

| Setting                   | Description                                                                  |
| ------------------------- | ---------------------------------------------------------------------------- |
| Logo font size            | Change logo's font size in the header. Choose a value between 16px and 40px. |
| Display logo in uppercase | Display the logo text in uppercase.                                          |

## Navigation font

Text in your Navigation menus use the Body font, and includes additional font settings.

| Setting                              | Description                                |
| ------------------------------------ | ------------------------------------------ |
| Display navigation font in uppercase | Set all navigation text in uppercase.      |
| Navigation font size                 | Set the text size between 12px and 18px.   |
| Navigation font letter spacing       | Increase or decrease space between letters |

## Buttons font

The buttons font controls all text labels in buttons

| Setting                          | Description                                 |
| -------------------------------- | ------------------------------------------- |
| Display button font in uppercase | Set all button text in uppercase.           |
| Button font size                 | Set the text size between 12px and 18px.    |
| Navigation font letter spacing   | Increase or decrease space between letters. |
| <p><br></p>                      |                                             |

***

> **Related links**
>
> [Theme settings](https://help.fluorescent.co/lorenza/theme-styles/theme-settings)\
> [Style presets](https://help.fluorescent.co/lorenza/theme-styles/style-presets)\
> [Colors](https://help.fluorescent.co/lorenza/theme-styles/colors)\
> [Fonts](https://help.fluorescent.co/lorenza/theme-styles/fonts)\
> [Animation](https://help.fluorescent.co/lorenza/theme-styles/animation)