How to customize the font family dropdown in Document Editor

22 Jun 20261 minute to read

ASP.NET Core DOCX Editor (Document Editor) provides options to customize the font family drop down list values using fontFamilies in Document editor settings. Fonts which are added in fontFamilies of documentEditorSettings will be displayed on font drop down list of text properties pane and font dialog.

Similarly, you can use documentEditorSettings property for DocumentEditor also.

CSHTML

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

<script>
    var settings = { fontFamilies: ['Algerian', 'Arial', 'Calibri', 'Cambria'] };
</script>

Document-editor.cs

public ActionResult Default()
{
    return View();
}