I already installed Fontawesome in my package.json.
"devDependencies": {
"@fortawesome/fontawesome-free": "^5.11.2" ,
//etc.
},
"dependencies": { "font-awesome": "^4.7.0" }
and import it to my app.scss
@import "~font-awesome/scss/font-awesome.scss";
I tried <i class="fa fa-edit"></i>
and <i class="fas fa-edit"></i>
but it just shows like this below, someone knows how to do this correctly?
Firstly import all fontawesome-icons
in your app.scss
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/brands';
Second, and most important that you missed is to copy the webfonts to your public folder. In you webpack.mis.js
append this below.
.copy('node_modules/@fortawesome/fontawesome-free/webfonts', 'public/webfonts')