# How do I add a custom font?

Foxify comes with a built-in Google Fonts library, but you can also upload and use your own custom font — useful when you need to match your brand's exact typography.

## Supported font formats

Foxify accepts `.ttf`, `.otf`, .`woff`, `.woff2`, and `.eot` files.

## If you only have a desktop font file

Fonts you buy or download for design software usually come as .ttf or .otf — those will work, but for the best result on the web:

* Convert it to .woff2 first using a free tool like Font Squirrel's Webfont Generator or Transfonter — WOFF2 compresses smaller than TTF/OTF, so the font loads faster.
* Only upload the weights and styles you'll actually use (e.g. Regular and Bold) — each additional weight is a separate file the browser has to download.

<Hint type="warning" title="Check your font's license before uploading">
  Not every font is licensed for web embedding or commercial use — this applies to free fonts too, not just paid ones.

  * Google Fonts are free for both web and commercial use, no attribution required.
  * Fonts from foundries or marketplaces (Adobe Fonts, MyFonts, Creative Market, etc.) often sell desktop and web licenses separately — a desktop license alone usually doesn't cover embedding on a live website.
  * "Free for personal use" fonts typically exclude commercial and web use — check the license file that comes with the download.
</Hint>

## Upload your font

1. From your Foxify dashboard, go to **Settings** > **Your library**.
2. Open the **Uploaded fonts** section and upload your font file.

![](https://docs-assets.foxecom.app/faqs-and-troubleshooting/afd69602-b4b5-46ca-82f9-3118cacfb82d.png)

## Apply your font

1. Select the text or button element you want to restyle.
2. Open the Font dropdown — it's available both in the toolbar above the selected element and in the Inspector panel, whichever is quicker for you.
3. Choose your uploaded font from the list — it appears alongside the built-in fonts.

![](https://docs-assets.foxecom.app/faqs-and-troubleshooting/f5c147b8-3ac1-4511-8f6e-45833e5d7c78.png)

![](https://docs-assets.foxecom.app/faqs-and-troubleshooting/a922719c-98ea-4b7e-a0b6-2a6b74068895.png)

To apply your font across the whole store from one place instead of element by element, set it as part of a typography preset in [Global styles](https://docs.foxecom.com/foxify-app/foxstudio/page-customization/global-styles).

<Hint type="info" title="Weigh legibility and speed">
  Stick to simpler, legible typefaces for body text. Every custom font is an extra file the browser has to load, so weigh the visual benefit against that cost — especially if you're already using several weights or styles.
</Hint>