Font Awesome - roncr/ng1-es6-webpack-starter GitHub Wiki

#Adding Font Awesome

In order to add Font Awesome, do the following:

  1. Download bootstrap:

     npm install --save font-awesome
    
  2. Go to app.js and import font awesome:

     import 'font-awesome/css/font-awesome.css';
    
  3. Done. Now go to the HTML and add any icon:

     //index.html
     <i class="fa fa-code" aria-hidden="true"></i>
    

Troubleshooting

If you have issues loading the font files, make sure you have the appropiate loaders:

    { 
         test: /\.(eot|svg|ttf|woff(2)?)(\?v=\d+\.\d+\.\d+)?/, 
         loader: 'file', 
         query: { name: 'fonts/[name][hash].[ext]'} 
    }