Hi Everyone,

i am trying to set custom font as default font for html editor . Can someone provide guidance on this?.
for your reference i used 'Arial' font instead of custom font.

Code:
Ext.application({
name: 'Fiddle',


launch: function () {
Ext.create('Ext.form.Panel', {
height: 500,
width: 500,
title: 'My Form',
renderTo: document.body,
items: [{
xtype: 'htmleditor',
height: 300,
value: 'Line 1<br />Line2<br />Line3',
enableFont: true,
fontFamilies:['Arial'],
defaultFont:'Arial'


}],
tbar: []
})
}
});


I have tried with listeners also but no luck so far.
Code:
listeners : {
initialize: function(field) {
field.relayCmd('fontname', 'arial');
}
}