> For the complete documentation index, see [llms.txt](https://tgtaps.gitbook.io/tgtaps-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tgtaps.gitbook.io/tgtaps-docs/mini-app-settings/fonts.md).

# Fonts

You can any font to your application. Supported Google Fonts and custom fonts in .woff format. 

## Content

* [How to add fonts from Google Fonts?](#how-to-add-fonts-from-google-fonts)
* [How to add custom fonts?](#how-to-add-custom-fonts)

## How to add fonts from Google Fonts?

1. Go to <https://fonts.google.com/>
2. Select required font and click “Get Font”:

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

3. Click “Get embedded code”:

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

4. Select font URL from “href” section in the “link” tag:

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

5. Insert this URL to “Google Font URL” field:

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

6. Fill font name in “Font name” field:

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

7. Click “Save” and reload the page to make changes visible:

Keep in mind that URL should contain only one font.\
If you add two fonts in the cart, there **will be invalid link**:

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

## How to add custom fonts?

1. Download the font you want to upload.
2. [Convert ](https://cloudconvert.com/ttf-to-woff)your font to .woff format if you have another format.
3. Specify font name.
4. Upload .woff files to required sizings:

<figure><img src="/files/6sYGDmmoWtLlH9pE43sl" alt=""><figcaption></figcaption></figure>

Click “save” and reload the page.

***

Something unclear in docs or you know how to improve article? [Message us in community!](https://docs.tgtaps.com/tgtaps-docs/readme/community)\
We will answer you and then promise to improve the article within 3 days.


---

# 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://tgtaps.gitbook.io/tgtaps-docs/mini-app-settings/fonts.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.