# Fonts

Bravo supports all Figma-supported fonts. If you use a font in your Figma file that is not part of the default Figma font list, you need to upload the font file in Bravo in order to see the font in your apps. Both **.otf** and **.ttf** formats are accepted.

## How to upload a custom font

{% hint style="info" %}
You can only upload a custom font **after** you import a Figma file that includes the font.
{% endhint %}

 1\. After importing your Figma file that contains a font that Bravo doesn't support, you will see a **"Font Missing"** notification on the app page.

![](/files/kTrQ0ECWsKPwzGlpqsUy)

2\. Click `Fix` to go to the **Font Library** where you can upload the missing font. Here is where you can see all fonts missing and uploaded.

![](/files/rfJH2KAbJq6FMqVo1Q9J)

3\. Click **Upload** to select the font file.

4\. You may encounter a font name mismatch error. This occurs when the font file you uploaded is not the same as the one from your Figma file.

* For ex: two font files can both be Arial Regular, but their postScript names may be "Arial-reg" and "Arial\_Regular." In this case, it is not the same font file.

![](/files/ffLJjErnCzIVJRuzcHd2)

5\. After a successful upload, the font will appear under **Uploaded Fonts**. It also indicates how many apps use this font. You do not need to upload the font again for all future apps using this font.

{% hint style="info" %}
You can replace the uploaded file by clicking `Replace`. Keep in mind that the new file always needs to match the postScript name of the Figma file font.
{% endhint %}

![](/files/6vjjVxEM89iL4ojponUZ)

6\. If you see a `Delete` button next to the font, it means there are no apps using the font and you can delete the font file from your Font Library.

![](/files/TetEBQsrCCDuZGUN6E7J)

{% hint style="info" %}
If you are using an Adobe XD file: learn about supported fonts [here](/get-started/your-bravo-app-projects/app-projects-uploading-custom-fonts/5-adobe-xd-supported-fonts.md).
{% endhint %}

## How to access the Font Library

There are two ways to access the Font Library.

 1\. Click on **your username** in the top right corner of the **Apps** page > Click `Access Font Library`

![](/files/YUHdZDHKmWnWv7e4RLmD)

**OR**

2\. After you import a Figma file with a custom font, access the Font Library by clicking `Fix` in the **Font Missing** notification.

![](/files/kTrQ0ECWsKPwzGlpqsUy)

That's it! 🎉


---

# Agent Instructions: 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:

```
GET https://docs.bravostudio.app/get-started/your-bravo-app-projects/app-projects-uploading-custom-fonts.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.