Icons not showing with summernote rails

Import the font files, it will work. I tried import through CSS @font-face rule. You can import in javascript also.

@font-face {
font-family: summernote;
src : url('/fonts/summernote.ttf');
src : url('/fonts/summernote.eot'),
      url('/fonts/summernote.woff');
}

I searched for hours and finally solved it. Actually, summernote doesn't save icons locally, instead it download it

I added this links in header

  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
  <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.1/summernote.css" rel="stylesheet">

And it did the job I 'll welcome if someone can elaborate it further

It's Simple

Just Download summernote compile zip file click here.

Unzip the file. Copy font folder. Paste it you summernote.css root. Be sure your summernote.css file stay with font folder. Now Refresh your Browser using Ctrl + F5.

Folder Location demo:

Demo Output:

After unzipping the Summernote distribution download, you must copy the Font folder to the same place you put the summernote.css file.

In this example, Elmer is the root folder of the website, and both summernote.css and the Font folder are copied to the /assets/css folder.

Similarly, the summernote.js file is copied to the /assets/js folder. If you're not using plugins or languages, that's all you need to install.

Here's the code to put in the header to load those files as shown:

<!-- include summernote css/js-->
<link rel="stylesheet" type="text/css"  charset="utf-8" href="/assets/css/summernote.css">
<script type="text/javascript" charset="utf-8" src="/assets/js/summernote.js"></script>

Note: Including the charset="utf-8" attribute is important.