Rendering external fonts.

Hi Syncfusion team,

Just curious to know if it's possible to include/ use Microsoft Fonts within Syncfusion's documentEditor. 

Currently the fonts are installed on our own machine however when viewing documents within the documentEditor, the text does not render with the correct font. 

Is there a way to add/ view Microsoft Fonts on our documentEditor?


Note: we are aware of the documentEditorSettings.FontFamilies array and that we can push Fonts to the array, but still won't make the fonts usable. Also aware that we can add fonts using font-face but would ideally try to avoid that as there may be licensing constraints.


4 Replies 1 reply marked as answer

AA Akshaya Arivoli Syncfusion Team October 23, 2025 04:52 PM UTC

Hi Jason,


We are currently checking your query based on the provided details, we will update you with further details on October 24,2025.


Regards,

Akshaya



AA Akshaya Arivoli Syncfusion Team October 24, 2025 05:26 AM UTC

Hi Joshan,


Query

Details

Just curious to know if it's possible to include/ use Microsoft Fonts within Syncfusion's documentEditor. 

setCustomFonts()  : This method is used to reference external fonts (e.g., .ttf, .woff) that are not installed on the user's machine. It ensures the Document Editor can render those fonts correctly.

https://ej2.syncfusion.com/javascript/documentation/api/document-editor/#setcustomfonts

 

Currently the fonts are installed on our own machine however when viewing documents within the documentEditor, the text does not render with the correct font. 

We attempted to replicate the reported issue using the provided details, but the font rendering works as expected.

 

Sample: Ad8wusbz (duplicated) - StackBlitz

 

Please check it and share us the following details which will be helpful for us to investigate the issue more effectively.

  1. Input document which you are using

  2. Fonts which you are using

  3. Fonts which are not rendered properly

  4. Screenshots of the issue

  5. Video demonstrating the issue.

 

we are aware of the documentEditorSettings.FontFamilies array and that we can push Fonts to the array, but still won't make the fonts usable

We tested this scenario as well, and the font rendering works correctly in our sample. We have also shared the video demonstrating it

Sample: Ad8wusbz (duplicated) - StackBlitz

 

Note:
If the fonts listed in the fontFamilies array are not installed on the user's machine, they will not be applied in the DocumentEditor.

Documentation : Customize Font Family Dropdown in Angular Document Editor | Syncfusion

 

Please check it and share us the following details which will be helpful for us to investigate the issue more effectively.

  1. Input document which you are using

  2. Fonts which you are using

  3. Fonts which are not rendered properly

  4. Screenshots of the issue

  5. Video demonstrating the issue.

  6. Code snippets

  7. Script errors if any

 

 

 

Also aware that we can add fonts using font-face but would ideally try to avoid that as there may be licensing constraints.

Can you please share more details about this .


Regards,

Akshaya


Attachment: FontFamily_43d2c67c.zip


JA Jason October 27, 2025 05:49 AM UTC

Hi Akshaya,


We don't have any issue rendering the font once we have imported the font to our Angular project, we are concerned with the legality aspect.

For example, in your examples you used the SetCustomFonts() method to add Aptos to your available fonts, but from a legal standpoint, are we allowed to do that without an appropriate license for the font? Information about font licensing and redistribution can be found here.( Aptos - Typography | Microsoft Learn).


As in your example, Image_4802_1761544079954

isn't this technically redistributing the font file?

Thanks,

Jason



AA Akshaya Arivoli Syncfusion Team October 28, 2025 11:01 AM UTC

Hi Joshan,

Regarding: For example, in your examples you used the SetCustomFonts() method to add Aptos to your available fonts, 

In the previous sample, we demonstrated how to use the API with a code snippet. Similarly, you can add multiple fonts as per your requirements. However, please ensure that you obtain the appropriate licenses for any fonts you use.


Regarding : But from a legal standpoint are we allowed to do that without an appropriate license for the font?

To use Microsoft fonts in your environment, please ensure that you obtain the appropriate license from Microsoft.


Regarding : isn't this technically redistributing the font file?

No, we are not redistributing the font file. We are only retrieving the font for rendering purposes within the application.

Regards,

Akshaya


Marked as answer
Loader.
Up arrow icon