Fonts in HTML Editor

[palmen]

We are using the TinyMCE Editor for our HTML fields (currently at Eureka release).

There are a few fonts available by default, but some useful fonts are missing (Calibri as an example). Is it possible to add more fonts to the list? Would make editing in the HTML fields much easier.

It's doable to change the font by adding some html code in the "Source code", but it edits the html in a way I don't like. Our end users doesn't know how to write this code either (even if it's easy).

Original HTML

<p>This is some test text</p>
<p>And more text</p>
<p>A last row with text.</p>

Add the font tag for Calibri

<font face="Calibri">
<p>This is some test text</p>
<p>And more text</p>
<p>A last row with text.</p>
</font>

The source code will end up like this (for longer notifications it gets kind of messy)

<p><span face="Calibri" style="font-family: Calibri;"></span></p>
<p><span face="Calibri" style="font-family: Calibri;">This is some test text</span></p>
<p><span face="Calibri" style="font-family: Calibri;">And more text</span></p>
<p><span face="Calibri" style="font-family: Calibri;">A last row with text.</span></p>
<p></p>

I've tried using some CSS in the HTML field and it works, but our end users doesn't know how to do this and you shouldn't have to know how to write CSS to be able to edit something if it should be user friendly.

<style><!--
p {
       font-family: "Calibri";
}
--></style>
<p>This is some test text</p>
<p>And more text</p>
<p>A last row with text</p>

So the question remains, is it possible to add more fonts to the TinyMCE Editor?

[palmen · Accepted solution]

Just found out there is a system property for the fonts available in the TinyMCE Editor (starting in Eureka Patch 1)

System Property: glide.ui.html.editor.v4.font.collection

Modifying HTML Fields - ServiceNow Wiki