title: Add custom font in Summernote
body: <p>in a php portal i'm using Summernote js and i have this code:</p>
  
  <pre><code>     fontname: function(lang) {
                  // var aFont = [
                  //   'Serif', 'Sans', 'Arial', 'Arial Black', 'Courier',
                  //   'Courier New', 'Comic Sans MS', 'Helvetica', 'Impact', 'Lucida Grande',
                  //   'Lucida Sans', 'Verdana', 'Indie Flower', 'Slabo', 'Raleway'
                  // ];
  
                 var aFont = [
                      'Raleway', 'Open Sans Condensed', 'Marck Script', 'Libre Baskerville'
                    ];
  
  var sMarkup = '&lt;button type="button" class="btn btn-default btn-sm btn-small dropdown-toggle" data-toggle="dropdown" title="' + lang.font.name + '" tabindex="-1"&gt;&lt;span class="note-current-fontname"&gt;Raleway&lt;/span&gt; &lt;b class="caret"&gt;&lt;/b&gt;&lt;/button&gt;';
              sMarkup += '&lt;ul class="dropdown-menu"&gt;';
              for (var idx = 0; idx &lt; aFont.length; idx++ ) {
                sMarkup += '&lt;li&gt;&lt;a data-event="fontName" data-value="' + aFont[idx] + '"&gt;&lt;i class="fa fa-check icon-ok"&gt;&lt;/i&gt; ' + aFont[idx] + '&lt;/a&gt;&lt;/li&gt;';
              }
              sMarkup += '&lt;/ul&gt;';
  
              return sMarkup;
            },
  </code></pre>
  
  <p>Now i'd like to add 4 custom fonts in TTF format....how can i add my own fonts?</p>
  
  <p>in head of js file there is:</p>
  
  <pre><code>/**
   * Super simple wysiwyg editor on Bootstrap v0.5.2
   * http://hackerwins.github.io/summernote/ **/
  </code></pre>