woffとttfのフォント404が見つかりません

Question

私はsassファイルをコンパイルするためにwebpackを使用しています。 私はこのようになりますfont-faceあります、

@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 

と、これは私のWebPACKの設定ファイルのローダーが

{ 
       test: /\.html$/, 
       loader: 'html' 
      }, 
      { 
       test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)(\?[a-z0-9=&.]+)?$/, 
       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' 
      } 

どのように見えるかですが、私はTTFとWOFFに404を取得していますがこのフォントはchromeでしか表示されません（firefoxとedgeでは表示されません）

ありがとう！

Answer 1

解決済み！私はそのように、srcsを分離：

@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") 
    src: url("..\..\public\fonts\Alef\Alef-Webfont\Alef-Bold.woff") format("woff") 
    src: url("..\..\public\fonts\Alef\Alef-Webfont\Alef-Bold.ttf") format("truetype") 
    src: url("..\..\public\fonts\Alef\Alef-Webfont\Alef-Bold.svg#alefbold") format("svg") 
    font-weight: bold 
    font-style: normal