---
updatedAt: 2026-02-23T08:23:27.000Z
agentTools:
  projectIndex: https://docs.animaapp.com/llms.txt
---

# Fonts

<Callout icon="📘" theme="info">
  Manage fonts in your project. Upload custom fonts or let Anima handle substitution when cloning websites.
</Callout>

## Upload custom fonts

Drag and drop a font file directly into the chat to add it to your project. You can also click the paperclip icon in the input toolbar to browse for files.

**Supported formats:** .ttf, .otf, .woff, .woff2

***

## Font detection when cloning websites

When you [clone a website](../getting-started/url.md), Anima scans the page and detects every font used in the original design. Results appear as an inline alert in the chat, with each font shown alongside a status indicator.

### Custom fonts detected

Some fonts require a license and can't be loaded automatically. These appear with a yellow dot in the alert.

Anima falls back to a sans-serif substitute, so your project still renders correctly. You have three options:

* **Keep the fallback.** Continue with the sans-serif substitute.

![](https://files.readme.io/eed650941ae666a3afa1a313fcde402f2e4749f60fed72069b3f90346e8854ff-image.png)

<br />

* **Upload your own.** Select the licensed font file. Anima applies it immediately.

<Image align="left" src="https://files.readme.io/35a2073f06ee1cdebd1c240029475c9503abc13f06d1f28f66ed8b4b7896c99a-image.png" />

![](https://files.readme.io/76e70331dfa6d64dd0098d0ccd14ceccb6187d684a692f58e32b4ae348b7d6be-image.png)

<br />

* **Replace with a Google Font.** Anima swaps the fonts to the closest-matching Google Font.

![](https://files.readme.io/85e791bdc09faf57e88915f53bbde1f313cec72ffe17a41a4dc721b34932086a-image.png)

<br />

### Original fonts accessible

Fonts that are publicly available load directly from the source. These appear with a green dot in the alert.

Your project renders with the original fonts out of the box. You can still change them:

* **Keep the original.** No action needed.
* **Upload your own.** Drag a different font file into the chat to override it.
* **Replace with a Google Font.** Ask in the chat: "Use \[Name of Font] Google font for \[body/Headings] text."

> **Note:** Fonts loaded from the original source may be subject to the site owner's license. If you plan to publish your project, verify you have the rights to use them.

![](https://files.readme.io/31ebd3282ac7f85e8e8454b0b51590e0dc1ad942cdc01df26b581f3831871f0a-image.png)

<br />

***

## Changing fonts later

You can swap fonts at any time through the chat:

* **Ask Anima:** "Use Montserrat for headings" or "Change the body font to Inter"
* **Upload a file:** Drag and drop a font file into the chat, or use the paperclip icon

<br />