---
title: "Changing Your Members Portal Font"
slug: "changing-your-members-portal-font"
updated: 2022-08-25T14:43:06Z
published: 2022-08-25T14:43:06Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.nexudus.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Changing Your Members Portal Font

You can change your Members Portal font in three simple steps and use any licensed or open-source font you'd like.

          Planning on using the same font across all locations in your Network?

          

Template files are individual to each of your locations which means you must repeat the process in each location within your Network.

          This tutorial guides you through the steps to use a single custom font for all pages of your Members Portal.

          

If you'd like to use multiple fonts on different pages, consider [hiring developers](https://nexudus.com/consultants/#it-and-web-design).

## Step 1. Downloading Your Font File

The first step of the process is downloading your font file. You can use any font file from any website as long as it is in one of the following formats:

- OTF
- TTF
- EOT
- WOFF
- WOFF2

          Always make sure you have a font license if you use a font that isn't open-source.

          

If you're using Google Font, you can simply click **Download family** on the page of the font you want to use.

![CustomFont_GFontDownload.png](https://cdn.document360.io/4f9a66c7-3dbb-4052-97d8-5439302e1512/Images/Documentation/CustomFont_GFontDownload.png)

From there, all you need to do is extract the zip file you've just downloaded to be able to upload your font file during Step 2.

![CustomFont_GFontExample.png](https://cdn.document360.io/4f9a66c7-3dbb-4052-97d8-5439302e1512/Images/Documentation/CustomFont_GFontExample.png)

## Step 2. Uploading Your Font File to Nexudus

The second step of the process is uploading your font file via the *Template File Editor* on the Admin Panel.

1. Log in to [dashboard.nexudus.com](https://dashboard.nexudus.com/) if you aren't already.
2. Click [**Settings > Web template editor**](https://dashboard.nexudus.com/settings/editor/templates).
3. Click **Data files**.
4. Click **Add file**.
5. Click **Select file** and select your font file on your device.
6. Click the **Save Changes** button.
7. Copy the full address in the URL field and save it somewhere.

![CustomFontFileURL.png](https://cdn.document360.io/4f9a66c7-3dbb-4052-97d8-5439302e1512/Images/Documentation/CustomFontFileURL.png)

***You will need this URL during Step 3.***

1. Click on the cross icon in the bottom left corner to close the record.

You're ready to move to Step 3.

## Step 3. Adding Your Font the CSS File in Nexudus

Now that you have your font file and its URL, it's time to add this font to your Members Portal *style.css* file.

1. Click **Common files** > **style.css**.
2. Copy and paste the following code snippet at the end of the file.

```
@font-face {
font-family: "CUSTOM_FONT_NAME";
src: url("CUSTOM_FONT_URL");
}
div {
font-family: 'CUSTOM_FONT_NAME';
}
```

![CustomFontSnippet.png](https://cdn.document360.io/4f9a66c7-3dbb-4052-97d8-5439302e1512/Images/Documentation/CustomFontSnippet.png)

1. Replace both **CUSTOM_FONT_NAME** with your font's name,

***Make sure you don't remove the brackets.***

![CustomFontSnippet_FontName.png](https://cdn.document360.io/4f9a66c7-3dbb-4052-97d8-5439302e1512/Images/Documentation/CustomFontSnippet_FontName.png)

1. Replace **CUSTOM_FONT_URL** with the font file URL you saved in the previous step.

***Make sure you don't remove the brackets.***

![CustomFontSnippet_FontURL.png](https://cdn.document360.io/4f9a66c7-3dbb-4052-97d8-5439302e1512/Images/Documentation/CustomFontSnippet_FontURL%281%29.png)

1. Click the **Save** button.

---

All set! You can make sure your font change was successful by clicking on the **Launch Site** button at the bottom of the page.