I'm using Angular CLI and trying to get Font Awesome working in my project.

I have installed Font Awesome with `npm install font-awesome --save`

I have attempted to import the library with 

```none
$fa-font-path: "~font-awesome/fonts";
@import "~font-awesome/scss/font-awesome";

```

at the top of my `styles.scss`

but when running `ng-serve` I am getting the following compile errors

```none
ERROR in ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader?{"ident":"postcss"}!./src/css/styles.css
Module not found: Error: Can't resolve '../node_modules/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0' in '/Users/MyName/Documents/Workspace/my-app/src/css'
 @ ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader?{"ident":"postcss"}!./src/css/styles.css 6:181980-182057
 @ ./src/css/styles.css
 @ multi ./src/css/styles.css

```

Has anyone had similar problems? I'm trying not to mess with the `angular-cli.son` if I can help it.