# Fonts

{% hint style="danger" %} <mark style="color:red;">Theme retirement</mark> Ira is no longer available on the Shopify theme store. **Theme support and updates for current users will end after May 18, 2024**. [Learn more here](https://github.com/fluorescent/kb-ira/blob/main/theme-styles/readme/theme-retirement.md).
{% endhint %}

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.                              |
| Mini headings | 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. |
| Letter spacing | Use the slider to increase or decrease space between letters.   |

<br>

***

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