How it works...

Font-Awesome adds a collection of font files and Sass styles to our web application. You might be wondering how the font files inside node_modules are available as static files in your web application? Angular-CLI's sass-loader will resolve URL paths to assets, such as fonts, images, and svgs, and bundle them into our WebPack so that we don't have to do so. This is tremendously useful when working with libraries with style assets.

After we have added these files, we can invoke them by adding <i> tags to our template with the classes: fa and fa-<name of icon>.

You can find these associated icon names by consulting the Font-Awesome icon cheatsheet on its official website:

Get MEAN Cookbook now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.