# Upload font

This feature will allow you to upload the custom fonts to the app and apply them to your site. Please follow the below steps:

**Step 1**: Prepare your custom font file with the format are **ttf / woff / otf.** You can find it at <https://www.fonts.com/>, <https://webfonts.ffonts.net/>, <https://www.dafont.com/>...

**Step 2**: From the **App dashboard**, open the **Fonts** tab and click on the **Create new** button to upload your fonts.

<figure><img src="/files/ypJoiX7ZbENiBXR7vGPz" alt=""><figcaption></figcaption></figure>

**Step 3**: Click on **Add file** to select your font file and fill in the **Font name** option.

<figure><img src="/files/9cjDx2tcXrwZYp52xiZx" alt=""><figcaption></figcaption></figure>

**Step 4**: Tick the options that you want to assign the font to. For example, I want to change the font for the **headlines**, so I can tick the **Headline 1 to Headline 6** options.

{% hint style="info" %}
You can tick **“All”**  if you want to make changes to all elements of your store.
{% endhint %}

<figure><img src="/files/1snLTClnIl2mByqvR7Jq" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
You can use ***Element Picker*** if you want to make changes to specific parts of your store. Simply click on the **Polaris icon** to select the elements that you want.
{% endhint %}

<figure><img src="/files/5fxusM5sONZ6p7jjKEk6" alt=""><figcaption></figcaption></figure>

You will see your store preview. Hover over the text element and click on the **select** text to select whatever elements you want to apply to the new font. After done for the selection, you can see the class name of the elements that you select in the **Custom Elements** box.

<figure><img src="/files/1mNoqC1x3aKZ0o6KbBV5" alt=""><figcaption></figcaption></figure>

**Step 5**: Tick **Overwrite other fonts** option to overwrite the new font to the font in the Shopify theme. Then click on the **Save** button to upload the new font and apply it to the elements that you selected.

<figure><img src="/files/3JLOPlaPzsevjxmjOYMh" alt=""><figcaption></figcaption></figure>

All done, please wait about 1-2 mins and then reload your site to see the result.\
\
Please check the video below for an easier understand.

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhdJXbk3sVdej6liHwp%2Fuploads%2FXovSmu2coYJXvOMHFS46%2FUpload.mp4?alt=media&token=da7ee52c-67a3-418b-8d6b-1d724799eda7>" %}


---

# 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.nitroapps.co/fontify/how-to-change-the-fonts/upload-font.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.