---
title: Adding a Google Font
description: Adding a Google Font
---

[Skip to content](https://support.sitemanager.io/en/design/fonts/adding-a-google-font#main-content)

[![SiteManager Platform](https://support.sitemanager.io/hs-fs/hubfs/SM_Platform-logo.png?width=164&height=40&name=SM_Platform-logo.png)](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 a Google Font

![](https://support.sitemanager.io/hubfs/image-png-Jul-19-2023-11-09-42-8295-AM.png)

To add a Google Web font, we can go to [Google Fonts](https://fonts.google.com/) and browse for a font we want to use in our project. 

![](https://support.sitemanager.io/hubfs/image-png-Jul-19-2023-11-10-18-9523-AM.png)

When you have found the font you're looking for. It's time to select the different styles or font-weights you want to use.

![](https://support.sitemanager.io/hubfs/image-png-Jul-19-2023-11-12-43-8705-AM.png)

The more styles we select, the longer our browser will need to load the font. So it is advised not to select styles we're not going to use. 

After selecting all the styles we want, we need to copy the link into SiteManager.

![](https://support.sitemanager.io/hubfs/image-png-Jul-19-2023-11-10-49-4784-AM.png)

Google will give you some code that looks like this;

\<link rel="preconnect" href="https://fonts.googleapis.com"\>  
\<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin\>  
\<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet"\>

 

However, note that we only need one of those;

\<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet"\>

#### In SiteManager

In SiteManager, navigate to Design \> Add Fonts in the topbar navigation.

![](https://support.sitemanager.io/hubfs/image-png-Jun-21-2021-03-26-42-50-PM.png)

In the Web Fonts section we need to fill in the name of our font and the link we just copied from Google as follows and click **Add Font**.

![](https://support.sitemanager.io/hubfs/image-png-Jul-19-2023-11-18-07-8403-AM.png)

Once the Google Font has been added, you can use it throughout your project!

![](https://support.sitemanager.io/hubfs/image-png-Jul-19-2023-11-19-02-7208-AM.png)

- [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)
- [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)
    - [Advanced](https://support.sitemanager.io/en/go-live?hsLang=en#advanced)
- [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)

[![SiteManager Icon](https://support.sitemanager.io/hs-fs/hubfs/logo_icon_big.png?width=15&height=24&name=logo_icon_big.png "SiteManager Icon")](https://support.sitemanager.io/en?hsLang=en)

 

<https://www.facebook.com/TeamSiteManager/> <https://twitter.com/TeamSiteManager/> <https://www.instagram.com/teamsitemanager/> <https://www.linkedin.com/company/sitemanager/> <https://www.youtube.com/user/SiteMNGR/>

Copyright © 2026, SiteManager Group