title: @font-face in Rails 4.0 with Sass URL not found for custom fonts
body: <p>In my Rails project I am trying to use custom fonts. There are lots of answers related to this question, like this answer which didn't help, I edited <code>development.rb</code>:</p>
  
  <pre><code># Add the fonts path
  config.assets.paths &lt;&lt; Rails.root.join('app', 'assets', 'fonts')
  
  # Precompile additional assets
  config.assets.precompile += %w( .svg .eot .woff .ttf )
  </code></pre>
  
  <p>still it shows <code>No route matches [GET] "/assets/chalkduster-webfont.woff"</code></p>
  
  <p>I set me <code>url</code> like:</p>
  
  <pre><code>@font-face {
     font-family: 'chalkdusterregular';
      src: url('chalkduster-webfont.eot');
      src:url('chalkduster-webfont.svg#chalkdusterregular') format('svg'), 
      url('chalkduster-webfont.eot?#iefix') format('embedded-opentype'),
           url('chalkduster-webfont.woff') format('woff'),
           url('chalkduster-webfont.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
  
  }
  </code></pre>
  
  <p>I tried <code>font_path('')</code> within source and also <code>font-url()</code> it never works. :(</p>