How to use font awesome 5 installed via NPM

Question

I am not finding any docs for what to do next, I installed into my project via npm,

$ npm install --save @fortawesome/fontawesome-free-webfonts

But now what? Can anyone point me to how to actually import or use it now? Thank you.

Answer 1

First install it using NPM :

npm install @fortawesome/fontawesome-free --save-dev 

Now you have two ways, one way is to embed the absolute URL within your HEAD section or if you working with something like SASS(SCSS), You can import it in your custom.scss file like this :

1- first set an absolute path for webfonts (It has to be set before the fontawesome.scss) :

$fa-font-path: "node_modules/@fortawesome/fontawesome-free/WebFonts" !default; 

2- Then import fontawesome.scss :

@import "node_modules/@fortawesome/fontawesome-free/scss/fontawesome"; 

3- Finally import regular, solid or light(pro version) of icon types :

@import "node_modules/@fortawesome/fontawesome-free/scss/regular"; 

After all you can assign font-family to these classes to work :

.fa,.fas,.far,.fal,.fab {   font-family: "Font Awesome 5 Free"; }