> For the complete documentation index, see [llms.txt](https://help.appplaza.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.appplaza.app/speed-optimizer/speed-up/font-swap.md).

# 🔤 Font swap

{% hint style="info" %}

### Who can use this feature?

Font swap is available on the **Pro** and **Expert** plans.
{% endhint %}

### What is Font swap?

If your store uses a custom font (Google Fonts, brand fonts, etc.), the browser usually waits for that font to load before showing any text. That means customers see blank space where headlines and product names should be — sometimes for a full second or more.

Font swap fixes that. Text appears instantly in a backup font, then quietly swaps to your custom font when it's ready.

### Why use Font swap?

* **No invisible text** — headlines and product names appear instantly instead of waiting on font downloads.
* **Faster perceived load** — customers can start reading right away, improving Core Web Vitals.
* **Keeps your branding** — your custom font still loads; it just swaps in once ready.
* **Set and forget** — turn it on once and apply; the swap happens automatically on every page.

### ⚙️ How to use Font swap

#### Step 1: Open Self-optimize

Go to **Speed up → Self-optimize**.

*\[Screenshot: Speed up page with Self-optimize tab open]*

#### Step 2: Turn on Font swap

Turn on **Font swap**.

*\[Screenshot: Font swap toggle switched on]*

#### Step 3: Apply to your theme

Click **Speed up now** and pick a theme to apply changes.

*\[Screenshot: Speed up now button and theme selection modal]*

#### Step 4: Verify it's working *(optional)*

To confirm it's active, check your theme's font CSS for `font-display: swap` on your web fonts.

*\[Screenshot: theme code showing font-display: swap]*

### 📌 Merchant Notes

* Always click **Speed up now** after turning this on to apply the changes.
* Font swap works with custom fonts (Google Fonts, brand fonts, etc.); stores using only system fonts won't see a difference.
* This feature requires the **Pro** or **Expert** plan.
* For an overview of all optimization features, see **Speed up**.

Contact us in live chat if you have any problems.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://help.appplaza.app/speed-optimizer/speed-up/font-swap.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.