title: Why does module parse failed: /xxx/MyFont.ttf Unexpected character ''
body: <p>I encountered this error </p>
  
  <blockquote>
    <p>ERROR in ./src/style/MyFont.ttf Module parse failed: /xxx/MyFont.ttf
    Unexpected character '' (1:0) You may need an appropriate loader to
    handle this file type. (Source code omitted for this binary file)`
    when I import my custom font in my less file like this:</p>
  </blockquote>
  
  <pre><code>@font-face {
      font-family: "MyFont";
      src: url("./MyFont.ttf") format("truetype"); 
  }
  </code></pre>
  
  <p>my webpack config is as follow:</p>
  
  <pre><code>rules: [
    {
      test: /\.jsx?$/,
      exclude: /node_modules/,
      loader: 'babel-loader',
      query: babelQuery
    },{
      test: /\.css$/,
      use: [
        'style-loader',
        'css-loader'
      ]
    },
    {
      test: /\.less$/i,
      use: ExtractTextPlugin.extract([ 'css-loader', 'less-loader' ])
    },
    { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: "url?limit=10000&amp;mimetype=application/octet-stream" },
  ]
  </code></pre>
  
  <p>Anyone knows how to solve it?</p>