> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://fpd-doc.ganymede-apps.net/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).

# Setting up your Fonts

**The app allows you to manage both Google Fonts and your own custom fonts, giving you complete flexibility to match your brand identity and provide more design options for your customers.**

![Font Selection in the Toolbar](https://storage.crisp.chat/users/helpdesk/website/-/c/b/1/7/cb1733eed2f3b800/fe_pnvudz.png)

###### Step 1: Adding Fonts

1. Navigate to **Resources → Fonts**
2. To add fonts and select, you have two options:
* **Google Fonts** – In the **Select Google Webfonts** segment, search for the desired fonts, and add them.
* **Custom Fonts** – Click **Open Manager** in the **Custom Fonts Manager** segment to upload your own font files. After you have uploaded a font file, you will need to select the font from the list in the **Select Custom Fonts** segment to make it available to your customers. 

![Font Selection](https://storage.crisp.chat/users/helpdesk/website/-/c/b/1/7/cb1733eed2f3b800/settings-2_siqxlv.png)

###### Step 2: Manage Font Styles

For **Google Webfonts**, this is simple. Google Fonts that you have selected from the list available in our app will only include the **regular** font style. If you need other font styles of those fonts, you will need to upload them as Custom Fonts. Non-available font styles cannot be selected by your customers in the frontend.

||| Important: Only font styles that are available in the app, can be used in the order export. 

For **Custom Fonts**, you decide which font styles you want to offer. For a font to be viable for the use in the app, a regular version of the font is required. But you can also upload other font styles if you have those files available. Each font in your collection has an upload option for:
* Bold
* Italic
* Bold Italic
###### Missing font styles are clearly visible in the Font Manager.

![Custom Font Manager](https://storage.crisp.chat/users/helpdesk/website/-/c/b/1/7/cb1733eed2f3b800/image_16682gt.png)

###### Step 3: Use Fonts in the Designer

Once selected, fonts will be available in the **frontend product designer**, so customers can apply them to their text elements.

![Font Selection in the Frontend](https://storage.crisp.chat/users/helpdesk/website/-/c/b/1/7/cb1733eed2f3b800/image_gltx85.png)

| If you run into any issues you can always reach out to us in the in-app chat. We are always happy to help.