Add custom font in Summernote

summernote.txt

Include font style on your page. For example, I am adding the Roboto font family.

Single
<link href="https://fonts.googleapis.com/css?family=Roboto" / rel="stylesheet">
Multiple
<link async href="https://fonts.googleapis.com/css?family=Roboto|Nunito:300,400,400i,600,700&display=swap" rel="stylesheet">

$('#summernote').summernote({
  fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Helvetica', 'Impact', 'Tahoma', 'Times New Roman', 'Verdana', 'Roboto'],
  fontNamesIgnoreCheck: ['Roboto']
});

Configure the new font name with default fonts. Should ignore to check the new font as it takes time to load.
$('.summertext').summernote('fontName', 'Roboto');