> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.teleporthq.io/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).

# How to add custom fonts to your project

**Here is a quick walkthrough on how to add custom fonts to your TeleportHQ project and how to use them.**

* On the **Top bar** click on the **name of the project**
* From the dropdown menu **Project settings** (Alternatively from the **Top left corner** click on the TeleportHQ logo and from the menu select **Project settings**)
* Go to the **Fonts tab**
* Go to the **Custom fonts** section
* Click the **Upload font file** button
* Select a font file from your device.

Once you select a file you will be able to edit the name of the font, give it a weight and select a style.

|| The custom font will appear in the <HEAD> section of your project.

To use the font in the project, **select any text element** on the canvas, go to the**&#32;Right panel -> Text style** and **click on the font name and select your custom font from the list** of typeface options.

| To delete a custom font return to **Project settings** -> **Fonts** and click on the Trash symbol next to the font.

![Adding and using custom fonts](https://storage.crisp.chat/users/helpdesk/website/60c4bca58bb99c00/custom-fonts-2023_1vzordn.gif