How to use my own google font in the document editor.

[sk]

Is there any way to specify a google font-family in document editor. 

[Ramya Thirugnanam]

Hi Sampurnima, 

 

Yes, it is possible to apply google font in document editor through characterFormat of selection module. We have created a sample to represent this. Please find the code example and sample from the following link. 

 

documenteditor.selection.characterFormat.fontFamily= 'Roboto'; 

 

Sample Link: https://stackblitz.com/edit/xvnbah?file=index.html  

 

Sample details: 

We have prepared a sample by embed the following google font in the html file  

<link rel='nofollow' href="https://fonts.googleapis.com/css?family=Open+Sans|Poppins|Roboto" rel="stylesheet"> 

 

   

For more information about customizing text formatting, please refer to the below help documentation link 

Link:  https://ej2.syncfusion.com/documentation/document-editor/text-format/?no-cache=1#font  

 

Note:  If google font family is installed on client machine, it will automatically be rendered with the applied font. Otherwise it rendered with document’s default character format. 

 

Regards, 

Ramya T