title: font-face not working in any browser
body: <p>I am facing trouble with rendering fonts for my react application. I am not sure what am I doing wrong. I am using font-face in my project. This is my font.styl file</p>
  
  <p>All the fonts are in public directory. 
  <a href="https://i.stack.imgur.com/VNXKB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VNXKB.png" alt="enter image description here"></a></p>
  
  <p>font.styl</p>
  
  <pre><code>@font-face
      font-family 'museo_sans700'
      src url('/public/fonts/museosans_0-webfont.woff2') format('woff2')
          url('/public/fonts/museosans_0-webfont.woff') format('woff')
      font-weight normal
      font-style normal
  
  @font-face
      font-family 'museo_sans300'
      src url('/public/fonts/museosans-300-webfont.woff2') format('woff2')
          url('/public/fonts/museosans-300-webfont.woff') format('woff')
      font-weight normal
      font-style normal
  
  @font-face
      font-family 'museo_sans500'
      src url('/public/fonts/museosans-webfont.woff2') format('woff2')
          url('/public/fonts/museosans-webfont.woff') format('woff')
      font-weight normal
      font-style normal
  
  @font-face
      font-family 'montserratregular'
      src url('/public/fonts/montserrat-regular-webfont.woff2') format('woff2')
          url('/public/fonts/montserrat-regular-webfont.woff') format('woff')
      font-weight normal
      font-style normal
  </code></pre>
  
  <p>And this is my base.styl</p>
  
  <pre><code>@import './bs-custom.styl'
  @import './fonts.styl'
  
  html
      width 100%
      height 100%
  
  body
      width 100vw
      min-height 100vh
      transition all 0.2s ease
      background-color #F0F0F0
  
      color theme_text
      font-size 14px
      font-weight 400
      font-family museo500
  
      overflow hidden
  </code></pre>
  
  <p>This is the loader I am using in config file </p>
  
  <pre><code>{
                  test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                  loader: 'url-loader?limit=100000&amp;mimetype=application/font-woff'
              },
  </code></pre>
  
  <p>Fonts are not showing up but.</p>