Webfonts are not loaded

Looks like url-loader does not solve out web fonts in my CSS files ok… My main CSS file is included in main.js like this:

import './assets/scss/main.scss'

in the css I reference some web fonts

@font-face {
    font-family: 'pages-icon';
    src:url('../fonts/pages-icon/icons.eot?-u69vo5');
    src:url('../fonts/pages-icon/icons.eot?#iefix-u69vo5') format('embedded-opentype'),
        url('../fonts/pages-icon/icons.woff?-u69vo5') format('woff'),
        url('../fonts/pages-icon/icons.ttf?-u69vo5') format('truetype'),
        url('../fonts/pages-icon/icons.svg?-u69vo5#Pages-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

The icons aren’t loaded by the browser. I then tested npm run build and investigated the build and the fonts files are included in the static folder but not sure why are not loaded when I run app in the browser.

My font loaders in the webpack config are:

  {
    test: /\.woff/,
    loader: 'url?prefix=font/&limit=10000&mimetype=application/font-woff'
  }, {
    test: /\.ttf/,
    loader: 'file?prefix=font/'
  },
  {
    test: /\.eot/,
    loader: 'file?prefix=font/'
  },
  {
    test: /\.svg/,
    loader: 'file?prefix=font/'
  },

Any idea?

[PrimozRome]

With some trail-and-error with my webpack configuration I have somehow find the loader configuration for the web fonts… This one works, don’t ask my why. Tried at list 10 different setups and this one finally worked

      {
        test: /\.(woff|woff2|eot|ttf|svg)(\?.*$|$)/,
        loader: 'url-loader?importLoaders=1&limit=100000'
      },

[chrisvfritz]

@PrimozRome I’ve done a little more investigating. Is it possible this is your problem?