Change default font in Kendo-Angular-Editor

[Sven]

Hello, how do i change the default font that is displayed in the KendoAngularEditor component. 
I know there is a way to switch fonts with the toolbar but i want to set the default font when user first sees the page.

There are some solutions for JQuery but i can't seem to find any for angular

Thanks in advance.

[Stephanie]

Hello - Wondering if there is a way for the end user to set the default, or just a system default as indicated below?

 

[Hetali]

Hi Stephanie,

I am afraid that as of now setting a default value of any of the Editor tools is not supported. I also consulted this with the assigned developers and such change is considered as inconsistent with the overall concept of changing the HTML programmatically and updating the component value.

The idea of the Editor is to change the styling of the text - e.g. font-size, font-family, bold. italic etc. when there is a selected text. When there is no selected text the desired styles cannot be applied.

For now, please follow the approach discussed in the answer and let me know if you have any further questions.

Regards,
Hetali
Progress Telerik

[Hetali]

Hi Sven,

We have a dedicated article in our documentation to customize the appearance of the Kendo UI Editor. By using the following CSS, the default font of the Editor can be changed:

.k-editor .k-editor-content {
  font-family: cursive;
}

StackBlitz example where I have changed the default font of the Editor. 

I hope this helps.

Regards,
Hetali
Progress Telerik