How to use an internal custom font in KB Article Template HTML fields?

[ghitabahaj]

Hi Community,

I'm working on KB Article Templates in ServiceNow and I need to use an internal font in the article template HTML fields.

Context:

• Our company has a custom internal font (not available on the web)
• I'm building KB Article Templates with HTML fields for our Employee Portal
• I want the font to render correctly when contributors create and publish articles

My questions:

What is the best way to load and use an internal/custom font inside KB Article Template HTML fields in ServiceNow?

Any examples, best practices or alternative approaches are welcome!

Thank you 🙏

[Tanushree Maiti]

Option A: 

1. Update property  glide.ui.html.editor.v4.font.collection value appending the font name 

3. Go to your HTML editor, This new font is available

OptionB: 

1. Update property glide.ui.html.editor.v4.font.collection.

2. you could add CSS to the article body HTML field using the <style> tag:

<style>
@import url('<link to your font>');
p {
font-family: <update your custom font family>
}
</style>

Refer: KB0754969 Add custom or new fonts to HTML editor (TinyMCE) 

KB0852404 Add a custom font to the portal page