Detect @font-face urls()

[jhnns]

It seems like the css-loader doesn't detect url()s in @font-face declarations

@font-face {
    font-family: 'Museo300';
    src: url(../assets/fonts/Museo/museo300-regular.woff) format('woff'),
         url(../assets/fonts/Museo/museo300-regular.ttf) format('truetype'),
         url(../assets/fonts/Museo/museo300-regular.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

This declaration is pretty standard (actually generated by fontsquirrel) to support different font formats.

[jhnns]

I've also changed it to this

@font-face {
    font-family: 'Museo300';
    src: url(../assets/fonts/Museo/museo300-regular.woff) format('woff');
    src: url(../assets/fonts/Museo/museo300-regular.ttf) format('truetype');
    src: url(../assets/fonts/Museo/museo300-regular.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

[jhnns]

Works like a charm! Awesome! 👍

[peryamobee]

and if I don't want webpack detect @font-face url as a required ??

[jhnns]

You could use root-relative urls which tells the css-loader to ignore these urls (unless you do specify a root url in your options).