---
title: Adding Custom Fonts
description: Whether you’re creating a new SiteManager project or simply customizing a theme, custom fonts can help freshen your website’s style. Once logged in to your project, go to the 'Design' application
---
[Skip to content](https://support.sitemanager.io/en/design/fonts/adding-custom-fonts#main-content)
[](https://support.sitemanager.io/en?hsLang=en)
Open main navigation
Close main navigation
- [Go to sitemanager.io](https://www.sitemanager.io/)
[Go to sitemanager.io](https://www.sitemanager.io/)
How can we help?
- There are no suggestions because the search field is empty.
1. [Knowledge Base](https://support.sitemanager.io/en?hsLang=en)
2. [Design](https://support.sitemanager.io/en/design?hsLang=en)
3. [Fonts](https://support.sitemanager.io/en/design?hsLang=en#fonts)
# Adding Custom Fonts
## Do you have a fresh new custom font you'd like to use in your project? Learn how you use your custom fonts!
There are two ways we can add a custom font to your project.
### Simple
To add a single file custom font with one style, simply navigate to Design \> Add Fonts and upload your font file and give your font a name. 
Accepted file types are: .ttf, .otf, .woff, .svg & .eot.
### Advanced
The advanced way requires a bit more work but this way you can add a custom multi-font that has multiple styles!
#### 1. Transfonter & Preperation
To generate a font face, we can use an external tool like [Transfonter](https://transfonter.org/). We can upload all font files we want to use. If we want to use the default settings, we can click **Convert**. Otherwise, follow through.
If we scroll a little further down, we can adjust the settings of our font and the desired format. In this example, we'll choose .ttf and .woff for our file extensions. Once we have the right settings for our font, we click **Convert**.
Transfonter will generate our new format font files and our font face. When we click download, our browser will download a .zip file.
On our computer, we'll need to unpack the .zip file, so we have access to the files.
In the unzipped folder, locate the file stylesheet.css, this is our font face file. We need to open this file and copy the font face code.
#### In SiteManager
Now that we have our files ready, they are ready to use them! First of all navigate to Design \> Add Fonts.
In the Upload fonts section, we need to fill in our font name and upload the default font file. In our example, this Gotham-Book.ttf.
Once our font is added to our custom fonts, we navigate to Developer \> Project Files.
In the Project files, we need to locate the CSS file that was generated by the platform when we uploaded our custom font and edit the file.
We can delete the existing code in the file and replace it with the code from our font-face (or stylesheet.css) file and click **Save**.
After we alter a file in the Project Files, we need to Save our Layout. To do this, we navigate to Design Mode and click the **Save Layout** button.
Our font, with all its styles, is now ready to use.
- [Getting Started](https://support.sitemanager.io/en/getting-started?hsLang=en)
- [Dashboard](https://support.sitemanager.io/en/dashboard?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/dashboard?hsLang=en#getting-started)
- [Project Dashboard](https://support.sitemanager.io/en/dashboard?hsLang=en#project-dashboard)
- [White Label & Add-ons](https://support.sitemanager.io/en/dashboard?hsLang=en#white-label-add-ons)
- [Go Live](https://support.sitemanager.io/en/dashboard?hsLang=en#go-live)
- [Account](https://support.sitemanager.io/en/account?hsLang=en#main-content)
- [Account Settings](https://support.sitemanager.io/en/account?hsLang=en#account-settings)
- [My Company](https://support.sitemanager.io/en/account?hsLang=en#my-company)
- [Subscription](https://support.sitemanager.io/en/account?hsLang=en#subscription)
- [Project](https://support.sitemanager.io/en/project?hsLang=en#main-content)
- [General](https://support.sitemanager.io/en/project?hsLang=en#general)
- [Upgrade Project](https://support.sitemanager.io/en/project?hsLang=en#upgrade-project)
- [SEO](https://support.sitemanager.io/en/seo?hsLang=en#main-content)
- [Basics](https://support.sitemanager.io/en/seo?hsLang=en#basics)
- [Advanced](https://support.sitemanager.io/en/seo?hsLang=en#advanced)
- [Go Live](https://support.sitemanager.io/en/go-live?hsLang=en#main-content)
- [Prepare Project](https://support.sitemanager.io/en/go-live?hsLang=en#prepare-project)
- [Prepare Domain](https://support.sitemanager.io/en/go-live?hsLang=en#prepare-domain)
- [Going Live](https://support.sitemanager.io/en/go-live?hsLang=en#going-live)
- [Content](https://support.sitemanager.io/en/content?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/content?hsLang=en#getting-started)
- [Page Management](https://support.sitemanager.io/en/content?hsLang=en#page-management)
- [Content Management](https://support.sitemanager.io/en/content?hsLang=en#content-management)
- [Language Management](https://support.sitemanager.io/en/content?hsLang=en#language-management)
- [Image Library](https://support.sitemanager.io/en/content?hsLang=en#image-library)
- [Collaborating on a project](https://support.sitemanager.io/en/content?hsLang=en#collaborating-on-a-project)
- [Page Components](https://support.sitemanager.io/en/page-components?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/page-components?hsLang=en#getting-started)
- [HTML](https://support.sitemanager.io/en/page-components?hsLang=en#html)
- [CSS](https://support.sitemanager.io/en/page-components?hsLang=en#css)
- [JavaScript (JS)](https://support.sitemanager.io/en/page-components?hsLang=en#javascript-js)
- [How To](https://support.sitemanager.io/en/page-components?hsLang=en#how-to)
- [Layout Components](https://support.sitemanager.io/en/layout-components?hsLang=en)
- [No-Code Editor](https://support.sitemanager.io/en/no-code-editor?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/no-code-editor?hsLang=en#getting-started)
- [Properties](https://support.sitemanager.io/en/no-code-editor?hsLang=en#properties)
- [Advanced](https://support.sitemanager.io/en/no-code-editor?hsLang=en#advanced)
- [Design](https://support.sitemanager.io/en/design?hsLang=en#main-content)
- [Overview](https://support.sitemanager.io/en/design?hsLang=en#overview)
- [Design editor](https://support.sitemanager.io/en/design?hsLang=en#design-editor)
- [Design Panels](https://support.sitemanager.io/en/design?hsLang=en#design-panels)
- [Responsive](https://support.sitemanager.io/en/design?hsLang=en#responsive)
- [Fonts](https://support.sitemanager.io/en/design?hsLang=en#fonts)
- [Layouts](https://support.sitemanager.io/en/design?hsLang=en#layouts)
- [Code](https://support.sitemanager.io/en/code?hsLang=en#main-content)
- [Introduction](https://support.sitemanager.io/en/code?hsLang=en#introduction)
- [Token Management](https://support.sitemanager.io/en/code?hsLang=en#token-management)
- [Project Setup](https://support.sitemanager.io/en/code?hsLang=en#project-setup)
- [ToolStack](https://support.sitemanager.io/en/code?hsLang=en#toolstack)
- [Private Library](https://support.sitemanager.io/en/code?hsLang=en#private-library)
- [Dynamic Content](https://support.sitemanager.io/en/dynamic-content?hsLang=en#main-content)
- [Getting started](https://support.sitemanager.io/en/dynamic-content?hsLang=en#getting-started)
- [Basics](https://support.sitemanager.io/en/dynamic-content?hsLang=en#basics)
- [Advanced](https://support.sitemanager.io/en/dynamic-content?hsLang=en#advanced)
- [External Content](https://support.sitemanager.io/en/external-content?hsLang=en#main-content)
- [Getting started](https://support.sitemanager.io/en/external-content?hsLang=en#getting-started)
- [Configuration & implementation](https://support.sitemanager.io/en/external-content?hsLang=en#configuration-implementation)
- [Logic (Smart Content)](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#getting-started)
- [Configuration & Implementation](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#configuration-implementation)
- [Logic](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#logic)
- [AB testing](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#ab-testing)
- [Timed Content](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#timed-content)
- [Password Protected Content](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#password-protected-content)
- [Smart API](https://support.sitemanager.io/en/logic-smart-content?hsLang=en#smart-api)
- [Integrations](https://support.sitemanager.io/en/integrations?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/integrations?hsLang=en#getting-started)
- [Integrations](https://support.sitemanager.io/en/integrations?hsLang=en#integrations)
- [Advanced](https://support.sitemanager.io/en/integrations?hsLang=en#advanced)
- [Modules](https://support.sitemanager.io/en/modules?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/modules?hsLang=en#getting-started)
- [Modules](https://support.sitemanager.io/en/modules?hsLang=en#modules)
- [Upgrade Center](https://support.sitemanager.io/en/upgrade-center?hsLang=en#main-content)
- [Components](https://support.sitemanager.io/en/upgrade-center?hsLang=en#components)
- [Forms](https://support.sitemanager.io/en/forms?hsLang=en#main-content)
- [General](https://support.sitemanager.io/en/forms?hsLang=en#general)
- [Captcha](https://support.sitemanager.io/en/forms?hsLang=en#captcha)
- [Form Actions](https://support.sitemanager.io/en/forms?hsLang=en#form-actions)
- [Extending Forms](https://support.sitemanager.io/en/forms?hsLang=en#extending-forms)
- [Email Templates](https://support.sitemanager.io/en/forms?hsLang=en#email-templates)
- [Advanced](https://support.sitemanager.io/en/forms?hsLang=en#advanced)
- [Cookie Settings](https://support.sitemanager.io/en/cookie-settings?hsLang=en#main-content)
- [Getting Started](https://support.sitemanager.io/en/cookie-settings?hsLang=en#getting-started)
- [Configuration](https://support.sitemanager.io/en/cookie-settings?hsLang=en#configuration)
- [API Call](https://support.sitemanager.io/en/api-call?hsLang=en#main-content)
- [Configuration](https://support.sitemanager.io/en/api-call?hsLang=en#configuration)
[](https://support.sitemanager.io/en?hsLang=en)
Copyright © 2026, SiteManager Group