Extra fonts import to KB HTML editor

[Anon Anon]

Hello Team,

 

There are few fonts are available in KB HTML Editor, is it possible import more fonts to KB HTML editor if yes, could you Please let me know the Process too.

 

Thank you..!!

 

Regards,

Santoshi.P

[Peter.DeZutter]

Hi Santoshi,

 

Out of the box there is no method to import fonts in the KB HTML Editor.

 

However you can add fonts by altering htmlarea.js using WSP and publish afterwards.

This javascript file contains the available fonts for the editor as shown below.

 

this.fontname = {

  "Arial":    'arial,helvetica,sans-serif',

  "Courier New":    'courier new,courier,monospace',

  "Georgia":    'georgia,times new roman,times,serif',

  "Tahoma":    'tahoma,arial,helvetica,sans-serif',

  "Times New Roman": 'times new roman,times,serif',

  "Verdana":    'verdana,arial,helvetica,sans-serif',

  "impact":    'impact',

  "WingDings":    'wingdings'

};

 

So in order to add a new font, add displayname, fontname pair:

this.fontname = {

  "Arial":    'arial,helvetica,sans-serif',

  "Courier New":    'courier new,courier,monospace',

  "Georgia":    'georgia,times new roman,times,serif',

  "Tahoma":    'tahoma,arial,helvetica,sans-serif',

  "Times New Roman": 'times new roman,times,serif',

  "Verdana":    'verdana,arial,helvetica,sans-serif',

  "impact":    'impact',

  "WingDings":    'wingdings',

  "Calibri":    'calibri'

};

Save, test and publish the file. And verify in the browser.

 

Best regards,

Peter

[Paul Coccimiglio]

Santoshi.............

 

Please let us know if Peter's solution works and mark the answer as correct

[Anon Anon]

Hi Peter,

 

Followed the steps but didn't added extra font infact formatting menu is become invisible after adding extra font to htmlarea.js

 

Regards,

santoshi.P

[Peter.DeZutter]

Hi Santoshi,

 

Could you post the fontname list? I'm thinking that the issue you are seeing is related to the used fontnames.

I did test this out and I'm not having an issue, but I only added one fontname to the list.

 

Best regards,

Peter

[Anon Anon]

Hello Peter,

 

i just added "Calibri" font like you mentioned in example

 

Thank you,

 

Regards,

 

santoshi.P

[Peter.DeZutter]

Hi Shantoshi,

 

How did you alter the file?

 

Best regards,

Peter