# Typography

{% hint style="info" %}
FloatGrids uses Text Mesh Pro to manage font styles. Be sure to have[ Text Mesh pro installed](https://docs.floatgrids.com/features/broken-reference) before you continue.
{% endhint %}

## Font Styles

FloatGrids uses Inter as a default font. Besides, you can find another 8 fonts ready-to-use in the Unity package or use your own.

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2FG1MH2jNO91OzfNYgryzG%2FFont%20styles.png?alt=media&#x26;token=272be64f-34a8-4da6-93ee-9b90d78ca6c4" alt=""><figcaption></figcaption></figure>

### Unity Style Sheet

All the FloatGrids text styles are defined in the customized Text Mesh Style Sheet so that you can use them in Unity directly from the Inspector. Check [Installation ](https://docs.floatgrids.com/features/broken-reference)so you are sure you are using the FloatGrids Style Sheet.

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2FfjqP9iqzBeYwQCF90UK2%2Fimage.png?alt=media&#x26;token=7e8f3a47-4c21-4969-8123-6a210f7e401e" alt=""><figcaption></figcaption></figure>

## Using one of the ready-to-use FloatGrids fonts

Let's see how you can start using any of the FloatGrids fonts in all your UI components in a couple of clicks.

{% embed url="<https://youtu.be/jHAYgN3_o38>" %}

* Delete the current font used by Text Mesh Pro
* Go to Edit/Project Settings/Text Mesh Pro/Settings and in Default Font Asset section select the Regular version of the font you want to use
* Click Play and then Play again to stop the reproduction
* All set!

## Using your own font

{% embed url="<https://youtu.be/aou16MuTWts>" %}

In order to use your own font, you need to convert it to text Mesh Pro, and then apply it to Edit/Project Settings/Text Mesh pro/Settings/Default Font Asset.

* Convert your font into Text Mesh Pro. Window/Text Mesh Pro/Font Asset Creator
* Assign font assets to variants. Select your Regular font and assign your TMP assets to the Semi-bold (600) and Bold (700) variants

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2Fc0Xuav1KnsxDIfUOYV2Z%2Fimage.png?alt=media&#x26;token=888a50f4-89ea-42cf-9d22-0c72e53614f4" alt=""><figcaption></figcaption></figure>

* Go to Edit/Project Settings/Text Mesh pro/Settings/Default Font Asset and set your Regular font asset.

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2FnvGAi9FQlyzlORvg5cQb%2Fimage.png?alt=media&#x26;token=6339fbfe-a4aa-4b1a-8336-f6c0e44c953d" alt=""><figcaption></figcaption></figure>

* Remove the current font and all its assets from the project. Unity will replace them with your new font assets.
* Click Play to apply the changes in the Editor.

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2F1drY11LpbsKJHMuucbAZ%2Fimage.png?alt=media&#x26;token=e1462970-c2f8-4054-9c3a-f5738a025138" alt=""><figcaption></figcaption></figure>