# 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="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2FfjJWMRFvF93nYtjy2Wor%2Fimage.png?alt=media&#x26;token=1691e8a1-9e24-4997-9d8d-143062aa7a0d" alt=""><figcaption></figcaption></figure>

3. Click “Get embedded code”:

<figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2F04zu6GcJtr4GSkvW61oG%2Fimage.png?alt=media&#x26;token=22a1dc14-2dc5-40e3-86a6-ee3b830e7449" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2FJeO5LflT7dQ0pUcuJoQI%2Fimage.png?alt=media&#x26;token=da449a5a-c9ba-45da-9002-555835a69444" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2FfbMK3TE8IdJJtnqFyZm1%2Fimage.png?alt=media&#x26;token=1374c427-7e9d-48c8-a7ed-998cc69ee228" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2Fw8RymLiGiYAHtzBFyfdL%2Fimage.png?alt=media&#x26;token=781c94af-6e6c-4dac-8a6c-1ae80b0e916c" 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="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2FJkj4DtX6V15VAi5ii8ou%2Fimage.png?alt=media&#x26;token=84ad7470-4443-4d05-a04b-941f4896620e" 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="https://923504530-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4Ussb0ib5NljSmRt4570%2Fuploads%2FD6dQ2KF7ClGSrtOYCIsv%2Fimage.png?alt=media&#x26;token=8cd6a5ba-82f5-411c-aadc-a2d999ff6173" 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.