- 25 Aug 2022
- 2 Minutes to read
- DarkLight
Changing Your Members Portal Font
- Updated on 25 Aug 2022
- 2 Minutes to read
- DarkLight
You can change your Members Portal font in three simple steps and use any licensed or open-source font you'd like.
Template files are individual to each of your locations which means you must repeat the process in each location within your Network.
If you'd like to use multiple fonts on different pages, consider hiring developers.
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
If you're using Google Font, you can simply click Download family on the page of the font you want to use.
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.
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.
Log in to dashboard.nexudus.com if you aren't already.
Click Data files.
Click Add file.
Click Select file and select your font file on your device.
Click the Save Changes button.
Copy the full address in the URL field and save it somewhere.
You will need this URL during Step 3.
- 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.
Click Common files > style.css.
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';
}
- Replace both CUSTOM_FONT_NAME with your font's name,
Make sure you don't remove the brackets.
- Replace CUSTOM_FONT_URL with the font file URL you saved in the previous step.
Make sure you don't remove the brackets.
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.