How to Customize Font Family in ASP.NET Core DOCX Editor

27 Aug 20261 minute to read

ASP.NET Core DOCX Editor (Document Editor) provides options to customize the font family dropdown list using fontFamilies in DocumentEditorSettings. Fonts that are added in fontFamilies of documentEditorSettings will be displayed on the font dropdown list of the Text Properties pane and the Font dialog.

Similarly, you can use the documentEditorSettings property for the DOCX Editor as well.

<ejs-documenteditorcontainer id="container" documentEditorSettings="settings" enableToolbar=true  height="590px"></ejs-documenteditorcontainer>

<script>
    var settings = { fontFamilies: ['Algerian', 'Arial', 'Calibri', 'Cambria'] };
</script>
public ActionResult Default()
{
    return View();
}

Font family dropdown customization