# 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](/lorenza/theme-styles/theme-settings.md)\
> [Style presets](/lorenza/theme-styles/style-presets.md)\
> [Colors](/lorenza/theme-styles/colors.md)\
> [Fonts](/lorenza/theme-styles/fonts.md)\
> [Animation](/lorenza/theme-styles/animation.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fluorescent.co/lorenza/theme-styles/fonts.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.