title: How lead my NextJS app to accept otf and ttf fonts?
body: <p>I'm working with NextJS, when I build my app my console returns me: </p>
  
  <blockquote>
    <p>ModuleParseError: Module parse failed: Unexpected character '' (1:0)
    You may need an appropriate loader to handle this file type.</p>
  </blockquote>
  
  <p>I'm wondering what going's wrong since I have build a custom webpack's configuration.</p>
  
  <p>Here my next.config.js: </p>
  
  <pre><code>module.exports={ 
    exportPathMap: () =&gt; ({ 
        "/": {page: '/'}
    })
  }
  
  const config = { 
    cssModules: true,
    module:{ 
      rules:[ 
        {
          test:/\.(png|jpg|woff|svg|eot|ttf|woff2|otf)$/,
          loader:'url-loader?limit=8192&amp;name=images/[name].[ext]'
  
          }
      ]
    }
  
  }
  
  // config.module.rules.push(
  
  //   );
  
  const   withCss =   require('@zeit/next-css');
  const   withImages  =   require('next-images');
  module.exports  =   withImages(withCss(config));
  </code></pre>
  
  <p>I have tried to launch my app with a css precising the nature of my font format vie <code>format("opentype")</code> and without it, but both fail:</p>
  
  <pre><code>@font-face {
      font-family: Moonlight;
      src: url(../assets/choiceFonts/Moonlights_on_the_Beach.ttf);
  }
  
  @font-face {
      font-family: Nenuphar;
      src: url(../assets/choiceFonts/Nenuphar_of_Venus.otf) format("opentype");
  }
  
  
  @font-face {
      font-family: Prida;
      src: url(../assets/choiceFonts/Prida01.otf) format("opentype");
  }
  </code></pre>
  
  <p>Any hint would be great, 
  thanks</p>