# 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 %}

## Font elements

Font settings are available for the following elements across your site.

| Setting                | Description                                                                                                                           |
| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
| Logo                   | Your store name in the Header (when no logo image). Go to your Shopify admin Preferences to edit your store name under Store details. |
| Headings               | All heading and subheading text.                                                                                                      |
| Body                   | All remaining text including body text, navigation (menu items), product listing title, and button text.                              |
| Navigation             | Text in Header menus use the Body font, and includes additional font settings.                                                        |
| Buttons                | All text labels in buttons.                                                                                                           |
| Product listing titles | The font used for mini heading text store-wide. Meta text includes product price and info, and other store-related text.              |

## Font settings

The following font settings are available for the above font elements across your site.

| Setting                | Description                                                                                           |
| ---------------------- | ----------------------------------------------------------------------------------------------------- |
| Capitalize             | Display font in all uppercase letters.                                                                |
| Base size              | Use the slider to increase or decrease the font size in pixels.                                       |
| Mobile font size scale | Use the slider to increase or decrease the font size on mobile as a percentage of the base font size. |
| Letter spacing         | Use the slider to increase or decrease space between letters.                                         |

<br>

***

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