title: Summernote js editor
body: <p>How do I make the font name display when I'm setting up my own options for SummerNote v0.8.2?</p>
  
  <p>Here's my <strong>setup code</strong>, running on document ready:</p>
  
  <pre><code>$('.summernote').summernote(
              {
                  height: 100
                  , width: 350
                  , placeholder: 'Please enter your contact information here'
                  , dialogsFade: true                                        
                  , fontNames: ['Arial', 'Calibri', 'Consolas', 'Courier New', 'Garamond', 'Georgia', 'Lucida Console', 'Lucida Sans', 'Segoe UI', 'Tahoma',
                      'Tempus Sans ITC', 'Times New Roman', 'Trebuchet MS', 'Verdana']
                  , toolbar: [                        
                       ['style', ['bold', 'italic', 'underline', 'clear']]
                      ,['fontname', ['fontname']], 
                      , ['fontsize', ['fontsize']]                        
                      , ['color', ['color']]                        
                  ]
              }
              );
  </code></pre>
  
  <p>And <strong>here is how it displays with the above setup</strong>, (mouse hovering over, causing Font Family to be visible):</p>
  
  <p><a href="https://i.stack.imgur.com/xv6PS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xv6PS.png" alt="enter image description here"></a></p>
  
  <p>I would like it to display the font name too, and not just within the dropdown list.  When I use the default setup, with no options, I can see it - like this, also shown on their website:</p>
  
  <p><a href="https://i.stack.imgur.com/fu2mb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fu2mb.png" alt="enter image description here"></a></p>
  
  <p>Setting a default font doesn't fix this either.  Any thoughts?  Thank you!</p>