title: npm FontAwesome Angular 4 compile errors
body: <p>I'm using Angular CLI and trying to get Font Awesome working in my project.</p>
  
  <p>I have installed Font Awesome with <code>npm install font-awesome --save</code></p>
  
  <p>I have attempted to import the library with </p>
  
  <pre class="lang-none prettyprint-override"><code>$fa-font-path: "~font-awesome/fonts";
  @import "~font-awesome/scss/font-awesome";
  </code></pre>
  
  <p>at the top of my <code>styles.scss</code></p>
  
  <p>but when running <code>ng-serve</code> I am getting the following compile errors</p>
  
  <pre class="lang-none prettyprint-override"><code>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
  </code></pre>
  
  <p>Has anyone had similar problems? I'm trying not to mess with the <code>angular-cli.son</code> if I can help it.</p>