Skip to main content
This is a custom warning

Does the component apply visual style — color, typography, icons, space, borders, and more — using appropriate variable tokens?

Tovuti Remains Operational during the Global Service Degradation

[6-12-2025 1:45 PM MT] We have noticed multiple services across the internet are degraded worldwide impacted by a Google Cloud Service Disruption. We want to ensure we are monitoring and Tovuti remains up and operational at this time. There are services that may be impactful to your sites, such as YouTube and Vimeo, among others. The MOYO button in the bottom right corner of the admin panel is also affected by this disruption.

Please check back here for updates.

Email support@tovutiteam.com if you have any questions.

Unlock the power of AI-generated content creation with Dizi

Dizi is an AI-powered LMS content creation assistant that creates quizzes and lessons in seconds and entire professional-looking courses in just minutes. Turn weeks of research, planning, and lesson-building into a click of a button.
Reminder! Tovuti Weekly Maintenance Window!

Tovuti's scheduled weekly maintenance window is every Saturday between 8:00 AM and 12:00 PM, US Mountain Time.

There may be downtime during this period.

Adding Custom External Fonts

  • Updated

Custom code integrations are not supported through the normal support channels. The Tovuti Support team does not correct, implement, or modify any custom code, including any code referenced in the Help Center. For assistance with custom code, please contact your Account Manager or contact the Tovuti Client Success team at clientsuccess@tovutiteam.com.

There is a variety of default fonts available out of the box. Additional custom fonts, can be used by applying custom CSS to the Logged-in and Logged-out views. If there are Google fonts to be added, check that process out at this article Custom Font.

The first step is to have the font loaded on a server that you have. You will need to have SSL cert applied for that server with HTTPS secure protocol enabled.

Once the server is configured with a font that you want to add, you will paste the following code into user portal or landing page CSS tabs, with some minor changes needed based on the setup.

Here are those changes: replace /fonts/myfont.woff2 with your URL where the font is hosted on the first line of code, and change "MyFont" to what the font name is.

const font = new FontFace('MyFont', 'url(/fonts/myfont.woff2)');

font.load().then(function(loadedFont) {
 document.fonts.add(loadedFont);
 document.body.style.fontFamily = 'MyFont';
});

 

Apply a Custom Font to the Logged-In View

Different text throughout the logged-in view can be given a custom font, which is applied in the User Portals editor. 

Go to Design > User Portals > select the portal to update > CSS styling tab > add it to Pre CSS styling:

 

Apply a Custom Font to the Logged-Out View

Custom fonts can be applied to different items within the logged-out view, which is applied in the Landing Pages editor.

Go to Design > Website Pages > select your landing page > CSS styling tab > add it to the Pre CSS styling:

Related articles