Theme Builder - Typography

[Palloma]

Hey, guys!

We can add more fonts to customize our theme builder experience? If yes, how can i make this?

[Tai Vu · Accepted solution]

Hi @Palloma 

You may want to have a look to this post below.

UI Builder: Change Font Family

Purpose: How to change the font family of text in a Portal Experience in ServiceNow UI Builder. This procedure will allow the use of custom fonts in UI Builder Portal Experiences.

1. Open Experience’s UI Theme record
2. In UX Theme Asset related list, click “New”
3. Complete the UX Theme Asset form as follows:
   • Asset: Create a new UX Theme Asset record as follows:
     • Category: Font
     • Name: any text
     • Attachments: Attach the font file (.ttf, .eof, .woff, etc) to the UX Theme Asset record
       • Note: Only a single .ttf file extension has been tested so far
   • Asset Properties: leave blank
4. Click “Submit”
5. In the UX Theme record’s Theme field, change the JSON to add a font-family based CSS Custom Property whose value matches the UX Theme Asset record’s Name field such as:

       {
           "--now-font-family": "Julius Sans One"
       }
   

6. Click “Update”
7. Test the page to see the font changed

Cheers,

Tai Vu

[Palloma]

Hi @Tai Vu 

It works, thank you so much. Let me share the test i made in my PDI!

[JaydevPandya]

Hi, How can we add new font type in HTML editor in Workspace?