Warm tip: This article is reproduced from stackoverflow.com, please click
font-awesome font-awesome-5 laravel laravel-6 fontawesome-4.4.0

How to use Font Awesome 5 icons in Laravel 6

发布于 2020-04-10 15:59:38

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?

enter image description here

Questioner
gecko
Viewed
26
分享
Ιησούς του ναυή 2019-12-01 08:28

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')

Related issues

1
How to attach when enter a text in laravel?
2
laravel and multi-sessions from the same browser
3
how can I get the "value" field from the pivot table (product to "value")? -Laravel
4
How to use Postman for Laravel $_POST request
5
How make a join table like bellow in laravel
6
Count nested select using join and by month at laravel
7
Passing View Variable to Included Layout Template in Laravel 8
8
Php artisan make:auth command is not defined
9
Invalidating Session not logging out
10
No vue component on fresh installed laravel