title: woff and ttf fonts 404 not found
body: <p>I'm using webpack to compile my sass files.
  I have a <code>font-face</code> that looks like this:</p>
  
  <pre><code>@font-face 
      font-family: "Alef"
      src: url("..\..\public\fonts\Alef\Alef-Webfont\Alef-Bold.eot")
      src: url("..\..\public\fonts\Alef\Alef-Webfont\Alef-Bold.eot?#iefix") format("embedded-opentype"), url("..\..\public\fonts\Alef\Alef-Webfont\Alef-Bold.woff") format("woff"), url("..\..\public\fonts\Alef\Alef-Webfont\Alef-Bold.ttf") format("truetype"), url("..\..\public\fonts\Alef\Alef-Webfont\Alef-Bold.svg#alefbold") format("svg")
      font-weight: bold
      font-style: normal
  </code></pre>
  
  <p>and this is how the loaders in my webpack config file looks like</p>
  
  <pre><code>{
                  test: /\.html$/,
                  loader: 'html'
              },
              {
                  test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)(\?[a-z0-9=&amp;.]+)?$/,
                  loader: 'file?name=assets/[name].[hash].[ext]'
              },
              {
                  test: /\.sass$/,
                  exclude: /node_modules/,
                  loader: 'raw-loader!sass-loader'
              },
              {
                  test: /\.css$/,
                  exclude: helpers.root('src', 'app'),
                  loader: ExtractTextPlugin.extract('style', 'css?sourceMap')
              },
              {
                  test: /\.css$/,
                  include: helpers.root('src', 'app'),
                  loader: 'raw'
              }
  </code></pre>
  
  <p>but, i'm getting 404 on the ttf and woff, so this font appears only in chrome (doesn't appear in firefox and edge)</p>
  
  <p>thanks! </p>