title: Precompile and include fonts in Ruby on Rails
body: <p>After following some of the instructions <a href="https://stackoverflow.com/questions/18294150/how-to-use-fonts-in-rails-4">here</a>, I am trying to precompile Twitter Bootstrap Glyphicon fonts. They are pretty much just like any other custom font.</p>
  
  <p>Here is my css in <code>bootstrap.min.css.scss</code></p>
  
  <pre><code>@font-face{font-family:'Glyphicons Halflings';
             src:url(glyphicons-halflings-regular.eot);
             src:url(glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
                 url(glyphicons-halflings-regular.woff2) format('woff2'),
                 url(glyphicons-halflings-regular.woff) format('woff'),
                 url(glyphicons-halflings-regular.ttf) format('truetype'),
                 url(glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
  }
  </code></pre>
  
  <p>Here is my code in <code>config/initializers/assets.rb</code></p>
  
  <pre><code>Rails.application.config.assets.precompile += %w( .svg .eot .woff .ttf)
  </code></pre>
  
  <p>My fonts are showing up in <code>public/assets</code> after running <code>rake assets:precompile</code>. They look like this:</p>
  
  <pre><code>glyphicons-halflings-regular-3c36a8aade6ab06e8a1af9ab88110382.woff
  </code></pre>
  
  <p>And finally, here is the JavaScript console output</p>
  
  <pre><code>Failed to load resource: the server responded with a status of 404 (Not Found)
  https://dry-temple-2989.herokuapp.com/assets/glyphicons-halflings-regular.woff
  </code></pre>
  
  <p>What am I doing wrong?</p>