Having a really hard time getting the font's working

[chopfitzroy]

I am trying to get font-awesome to work with vue pack.

I have added the following to my client/router/index.js:

require("font-awesome/css/font-awesome.css");

Now everything compiles fine and if I use the .fa class all the styles are applied the issue is the icons they are rendering really funny, at first I thought it may be an HMR issue so I tried just a plain build but this didn't seem to make a difference, is there something I am missing?

[mochar]

See #111. You have to remove (or comment out) the following section in webpack.base.js:

{    
test: /.svg$/,    
loader: 'raw-loader'
}

What the previous user failed to mention is that you also have to add svg to the file loader. In the same file, add svg| in test, like so:

{
    test: /\.(svg|ico|jpg|png|gif|eot|otf|webp|ttf|woff|woff2)(\?.*)?$/,   <--- here
    loader: 'file-loader',
    query: {
        name: 'static/media/[name].[hash:8].[ext]'
    }
}