- Home
- Forum
- Angular - EJ 2
- Rendering external fonts.
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.
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
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.
|
|
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: 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.
|
|
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
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,
isn't this technically redistributing the font file?
Thanks,
Jason
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