> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.teeinblue.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# About Fonts

# Fonts

Teeinblue supports 2 ways to use Fonts:

1. Google Fonts

2. Custom Fonts - Upload your own fonts.

### 1. Google Fonts

You can search and copy a font name in [Google Fonts library](https://fonts.google.com/). 

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1qtyisk.png)

Then, to use that font for a text layer on your artwork: Choose the text layer > open the font box on the Tool bar > paste the font name to the font family field to select.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_wowzb9.png)


### 2. Custom Fonts

To use your custom fonts, you will need to upload your fonts in *Assets > Upload Fonts* page.

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_19q5kpo.png)

||| Currently we only support **TTF font**, not OTF.

In case you upload a font but it does not show the correct font, please **convert your font to TrueType font (TTF)**.
You can use an online tool (https://transfonter.org) to convert the font to TTF. (even if your font is already TTF, you should still convert it again).

|| Some fonts might not support all characters, which can cause missing characters when generating orders. 
To check what characters your custom font supports, you can: 
* Upload your font to this website: https://wakamaifondue.com/ - it'll show all available characters in this font.
* Review the characters in the font preview after uploading to Teeinblue:
![Preview font in Teeinblue](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_x6l759.png)

| Tips: You can type in the preview box in each font to see the characters.

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_o1tu3s.png)

---

# Font Categories

You can create a category of custom fonts to let your customers pick a font for a text.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_1l13h9s.png)

* Go to *Assets > Font categories.*
* Create a new category.
* Click "Add new" button to add a custom font (need to upload a custom font in Upload Fonts page first).
* You can change the font name and font thumbnail which will display on store.

In Artwork:
* Inside your Artwork Editor, click on **+ Layer** and select **Font**

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_vrwhnr.png)


* Select a font category you've created

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_1645e7m.png)
* Next, on the text layer, open **Populate values** panel and toggle on **"Populate Font from another option"**, then select the Font layer you just created.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_4nyk50.png)


Then on store, your customers can personalize the font family of a text by picking a font in the font category. [View demo product here](https://teeinblue.myshopify.com/products/personalize-font-tumbler?variant=40288653017140)

| **Remember to choose a Custom font for the Default text. If you choose Google fonts, you couldn't populate the font value.**