Embed Font Awesome Icons in Knowledge Base Articles

Thomas Bohan · ‎07-02-2025

Is there a way to embed Font Awesome Icons in a HTML based Knowledge Base Article please

I've tried adding code like

 This is an info icon.

but it gets removed.

Thomas Bohan · ‎07-02-2025

Here is an example of the HTML I'm trying to add:

Before
-------------
<html><head><link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"/></head></html>Create An Email Signature
To create a personalized email signature:
<ol>
<li>Open a new message. On the Message tab, in the Include group, click Signature, and then click Signatures.</li>
<li>On the E-mail Signature tab, click New.</li>
<li>Type a name for the signature, and then click OK.</li>
<li>In the Edit signature box, type the text that you want to include in the signature.</li>
<li>To format the text, select the text, and then use the style and formatting buttons to select the options that you want.</li>
<li>To add elements besides text, click where you want the element to appear, and then do any of the following:</li>
</ol>
<table border="1" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
Options
</td>
<td>
How to
</td>
</tr>
<tr>
<td>
To add an electronic business card
</td>
<td>
Click Business Card, and then click a contact in the Filed As list. Then click OK
</td>
</tr>
<tr>
<td>
To add a hyperlink
</td>
<td>
Click Insert Hyperlink, type in the information or browse to a hyperlink, click to select it, and then click OK
</td>
</tr>
<tr>
<td>
To add a picture
</td>
<td>
Click Picture, browse to a picture, click to select it, and then click OK. Common image file formats for pictures include .bmp, .gif, .jpg, and .png.
</td>
</tr>
</tbody>
</table>
<ol>
<li>To finish creating the signature, click OK.</li>
</ol>
<h4>NOTE:</h4>
The signature that you just created or modified won't appear in the currently open message; it must be inserted into the message.

-----------------------
However after I added it it strips out all the Font Awesome Inco references within my content when I save it in the html editor editor as part of the article body.

After
--------------
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
Create An Email Signature
To create a personalized email signature:
<ol>
<li>Open a new message. On the Message tab, in the Include group, click Signature, and then click Signatures.</li>
<li>On the E-mail Signature tab, click New.</li>
<li>Type a name for the signature, and then click OK.</li>
<li>In the Edit signature box, type the text that you want to include in the signature.</li>
<li>To format the text, select the text, and then use the style and formatting buttons to select the options that you want.</li>
<li>To add elements besides text, click where you want the element to appear, and then do any of the following:</li>
</ol>
<table border="1" cellspacing="0" cellpadding="4">
<tbody>
<tr>
<td>
Options
</td>
<td>
How to
</td>
</tr>
<tr>
<td>
To add an electronic business card
</td>
<td>
Click Business Card, and then click a contact in the Filed As list. Then click OK
</td>
</tr>
<tr>
<td>
To add a hyperlink
</td>
<td>
Click Insert Hyperlink, type in the information or browse to a hyperlink, click to select it, and then click OK
</td>
</tr>
<tr>
<td>
To add a picture
</td>
<td>
Click Picture, browse to a picture, click to select it, and then click OK. Common image file formats for pictures include .bmp, .gif, .jpg, and .png.
</td>
</tr>
</tbody>
</table>
<ol>
<li>To finish creating the signature, click OK.</li>
</ol>
<h4>NOTE:</h4>
The signature that you just created or modified won't appear in the currently open message; it must be inserted into the message.

Thomas Bohan · ‎07-02-2025

I line example would be

To create a personalized email signature:

becomes

To create a personalized email signature:

GlideFather · ‎07-02-2025

I tested in my end but it remains the same..

Try to read this, if it might help you:
https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB0957850

Or you can try to play around with UI Properties, there are some options for fonts:

(no direct experience)

———
/* If my response wasn’t a total disaster ↙️ ⭐ drop a Kudos or Accept as Solution ✅ ↘️ Cheers! */

Thomas Bohan · ‎07-02-2025

This is what it should look like (with the icons)

GlideFather · ‎07-02-2025

ahaaa and are you able to copy/paste the icons or are these little pictures?

———
/* If my response wasn’t a total disaster ↙️ ⭐ drop a Kudos or Accept as Solution ✅ ↘️ Cheers! */