title: Where do I put my fonts in Rails 4?
body: <p>I'm having trouble getting fonts working in Rails.</p>
  
  <p>I'm using the <a href="http://summernote.org/" rel="nofollow">Summernote</a> text editor in a Rails app. I have a <code>summernote.css</code> file at <code>vendor/assets/stylesheets/summernote.css</code>. This references font urls like <code>url("font/summernote.eot?ad8d7e2d177d2473aecd9b35d16211fb")</code>.</p>
  
  <p>(I don't know what the id at the end means?)</p>
  
  <p>So I also have font files in <code>vendor/assets/stylesheets/font</code>: </p>
  
  <ul>
  <li><code>vendor/assets/stylesheets/font/summernote.eot</code></li>
  <li><code>vendor/assets/stylesheets/font/summernote.ttf</code></li>
  <li><code>vendor/assets/stylesheets/font/summernote.woff</code></li>
  </ul>
  
  <p>This actually works fine when I'm developing locally. However, once I deploy to Heroku, the fonts no longer show up.</p>
  
  <p>From browsing around, it looks like I should be putting the fonts under <code>app/assets/fonts</code> instead. But I can't get it to work. I've tried putting them at:</p>
  
  <ul>
  <li><code>app/assets/fonts/summernote.woff</code></li>
  <li><code>app/assets/fonts/font/summernote.woff</code></li>
  </ul>
  
  <p>But these don't work and I still get 404 not found errors for the font files on Heroku.</p>
  
  <p>Where am I supposed to be putting the font files?</p>
  
  <p>FWIW, I'm also using Bootstrap SCSS files located at <code>vendor/assets/stylesheets/bootstrap/bootstrap.min.scss</code>, which refer to <code>src:url(../fonts/glyphicons-halflings-regular.eot?#iefix)</code>, and the fonts are located at <code>app/assets/fonts/glyphicons-halflings-regular.eot</code>. These have the opposite problem: they work fine on Heroku, but I get 404 errors when developing locally.</p>