Let's build a custom web font to replace our full Font-Awesome library usage. We will continue to leverage all the advanced features of Font-Awesome, including our angular2-fontawesome module's custom directives, but without any additional icons that we don't need being loaded to our frontend application.

To do this, we will need to install a few modules to our Angular application's package.json file:

npm install webfonts-loader 
font-awesome-svg-png --save-dev

• webfonts-loader: A WebPack loader for loading font files that allows generation of custom fonts
• font-awesome-svg-png: A collection of SVG and PNG files for each of the icons within font-awesome