Custom fonts can elevate your brand’s look and feel, helping you create a seamless and polished experience across your digital presence. With our Jumbo Lottery Platform (JLP) ClientCMS, you can easily apply fonts from providers like Google Fonts or Adobe Fonts using a style sheet URL no coding required.This guide will walk you through how to source your font, update your theme settings, and apply it to your website UI.
Prerequisites
- Access to the JLP ClientCMS
- A valid style sheet URL from a third-party font provider (e.g., Google Fonts, Adobe Fonts)
Step 1: Find Your Font and Get the Style Sheet URL
-
Head to a font provider like Google Fonts.
-
Select the font you want to use and click Get embed code.
-
Copy the link tag provided. For example:
<link href="https://fonts.googleapis.com/css2?family=Barriecito&display=swap" rel="stylesheet"> -
From that, extract the style sheet URL:
https://fonts.googleapis.com/css2?family=Barriecito&display=swap
Step 2: Add the Font to Your CMS Theme
-
In the CMS, navigate to:Content → Theme
-
Scroll down to Typography.
-
In the field labeled Typography Style Sheet URL, paste in your copied style sheet URL.
-
Scroll back up to the Headings and Body sections.
-
In the Font Family field for each section, enter the name of your font.You can find the font name in the style sheet link (e.g.,"Barriecito" from our example)
-
Make sure to wrap your font name in single quotes and follow it with a comma (e.g.,"Barriecito" from our example).
-
Click the blue tick in the top-right corner to save your changes.
Step 3: Verify the Font on Your Site
Once saved, navigate to your Web UI to confirm the new font is applied.
If the font doesn’t appear immediately, wait a few minutes to allow for cache clearing or try refreshing the page.