> ## Documentation Index
> Fetch the complete documentation index at: https://docs.conversion.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Fonts

> Use system fonts, Google Fonts, and your own uploaded fonts in landing pages, emails, and forms.

Every font picker in Conversion offers three sources: system fonts, Google Fonts, and your workspace's custom fonts. The **Fonts** settings page is where you manage the custom fonts you upload.

Fonts are available in:

* [Landing page themes](https://docs.conversion.ai/product-docs/landing-pages/themes.md) and landing page blocks
* [Email themes](https://docs.conversion.ai/product-docs/emails/themes.md) and email blocks
* Form themes

## Pick a font

Open any **Font** select. Your theme's fonts appear at the top as quick options. Below them, choose a source, then a font from it:

| Source | What it offers |
| - | - |
| **System fonts** | Fonts already installed on your visitors' devices, such as Arial, Georgia, and Courier New. Nothing loads. |
| **Google Fonts** | The full Google Fonts catalog. Pick any family; there's nothing to upload. |
| **Custom fonts** | Fonts your workspace uploaded on the **Fonts** settings page. Archived fonts aren't listed. |

Each source has its own search and shows a preview of each font.

### Fallbacks

After you pick a font, a **Fallbacks** field appears under the select. Fallbacks are the system fonts shown when your font can't load, in order. Add, reorder, or remove them to suit each place the font is used.

A custom font fills in its **Default fallbacks** when you pick it. Changing a font's default fallbacks later doesn't update pages and emails that already use it.

## Fonts in emails

Many email clients, including Gmail and Outlook, never load web fonts. Recipients using them see the font's fallbacks instead. Because of this:

* Email fallbacks are limited to email-safe fonts.
* Google Fonts and custom fonts show a warning icon in email font selects.
* The email builder toolbar has a **Show fallback fonts, as Gmail and Outlook do** toggle that previews the canvas without web fonts.

Send a [test email](https://docs.conversion.ai/product-docs/emails/email-builder/preview-and-test-send.md#sending-a-test-email) to see how your fonts render in real inboxes.

## Fonts in landing pages

On landing pages, weight selects mark the weights a custom font has no file for. Browsers fake those weights. Upload a file for each weight you plan to use, or a variable font.

## Set up a custom font

Before you begin:

* You need the **Editor** role or higher.
* You need a license to use the font on websites and in emails. Uploaded font files are served publicly.
* Have your font files ready in WOFF2, WOFF, TTF, or OTF format, up to 4 MB each.

1. Go to **Settings → Fonts**.
2. Click **Add**.
3. Enter a **Name**.
4. Next to **Files**, click **Add files** (the plus button).
5. Choose your font files: one file per weight and style, or a single variable font file.
6. Check each file's weight and style. Conversion reads them from the file, and you can change them. See [Weights and styles](#weights-and-styles).
7. Choose a **Style**: **Sans serif**, **Serif**, **Display**, **Handwriting**, or **Monospace**. This sets the starting **Default fallbacks**.
8. Adjust the **Default fallbacks** if needed.
9. Check **I have a license to use these fonts on websites and in emails**.
10. Click **Add**.

You can also add a font while editing: in a **Font** select, open **Custom fonts** and click **Add font**. The font is picked as soon as it's added.

Onboarding with Conversion? Let your Deployment Strategist know when this is done and we'll check it on our end.

## Weights and styles

Each file covers one weight, from **Thin** (100) to **Black** (900), in an **Upright** or **Italic** style. Choose **Variable** for a variable font that covers a range of weights in one file.

Two files of the same style can't cover the same weight. A clashing file shows a red alert icon on its weight and style, and you can't save until you fix it.

## Manage custom fonts

The **Fonts** page lists your workspace's custom fonts with their style and default fallbacks. Search by name, filter by **Category** or **Status**, and sort by name or recent activity. Archived fonts are hidden until you filter by **Archived** or **All**.

Open a font's menu for these actions:

| Action | What it does | Role |
| - | - | - |
| **Rename** | Changes the font's name. | Editor |
| **Edit default fallbacks** | Changes the fallbacks copied when the font is picked. Places already using the font keep their fallbacks. | Editor |
| **Replace files** | Replaces all of the font's files. Landing pages and emails using the font, including emails already sent, switch to the new files within a few minutes. | Editor |
| **Archive** / **Unarchive** | Archiving stops the font from being picked. Landing pages and emails already using it keep it. | Editor |
| **Delete** | Removes the font. Landing pages and emails using it, including emails already sent, show their fallbacks instead. This can't be undone. | Manager |

> [!WARNING]
>
> Deleting a font also breaks it in emails you've already sent. Archive a font instead if you only want to stop new use.

## Ask Conversion AI

Conversion AI can pick Google Fonts and your custom fonts when it builds or restyles landing pages, emails, and themes. Ask it to "match our website's fonts" or "use our brand font for headings", and review its changes in the normal [review flow](https://docs.conversion.ai/product-docs/conversion-ai/editing.md).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.