Summer Note Font Issue

Summer Note Font Issue

by kevalpanchal

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/summernote.min.css">
 <textarea class='summernote' id='summernote' rows='10'></textarea>

JavaScript

$('#summernote').summernote({
  height: '150',
  toolbar: [
    ['view', ['fullscreen', 'codeview', 'undo', 'redo']],
    ['style', ['style', 'bold', 'italic', 'underline', 'clear']],
    ['font', ['strikethrough', 'superscript', 'subscript']],
    ['fontsize', ['fontsize']],
    ['color', ['color']],
    ['para', ['ul', 'ol', 'paragraph']],
    ['height', ['height']],
    ['Insert', ['hr']]
  ],
  codeviewFilter: true,
  codeviewFilterRegex: '/<\/*(?:applet|b(?:ase|gsound|link)|embed|frame(?:set)?|ilayer|l(?:ayer|ink)|meta|object|t(?:itle|extarea)|xml)[^>]*?>/gi'
});


// Please Copy Past Below HTML
/*
<p><span style="background-color: rgb(255, 255, 255);"><br></span></p><p><font color="#202124"><span style="white-space: nowrap; background-color: rgb(255, 255, 255);">1</span></font></p><p><font color="#202124"><span style="white-space: nowrap; background-color: rgb(255, 255, 255);">2</span></font></p><p><font color="#202124"><span style="white-space: nowrap; background-color: rgb(255, 255, 255);">3</span></font><span style="color: rgb(77, 81, 86); font-family: &quot;Times New Roman&quot;; font-size: 18px;">A biopsy is a medical test commonly performed by a surgeon, interventional radiologist, or an interventional cardiologist.</span><span style="color: rgb(77, 81, 86); font-family: &quot;Times New Roman&quot;; font-size: 18px;">&nbsp;</span></p><p><font color="#202124"><span style="white-space: nowrap; background-color: rgb(255, 255, 255);">4</span></font></p><p><font color="#202124"><span style="white-space: nowrap; background-color: rgb(255, 255, 255);">5</span></font></p><p><font color="#202124"><span style="white-space: nowrap; background-color: rgb(255, 255, 255);">6</span></font><span style="color: rgb(77, 81, 86); font-family: &quot;Times New Roman&quot;; font-size: 18px;">The process involves extraction of sample cells or tissues for examination to determine the presence or extent of a disease.</span></p><p><font color="#202124"><span style="white-space:...