Integrasi Font Awesome 5 pada Laravel 5.7

untuk mengintegrasikan font awesome 5 pada laravel 5.7 melalui laravel mix,

pertama-tama kita instal dulu melalui npm dengan menjalankan perintah berikut

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

kemudian pada _variable.scss kita tambahkan script berikut

$fa-font-path:        "../webfonts";

selanjutnya pada app.css kita tambahkan script berikut:

@import "~@fortawesome/fontawesome-free/scss/fontawesome.scss";
@import "~@fortawesome/fontawesome-free/scss/solid.scss";
@import "~@fortawesome/fontawesome-free/scss/brands.scss";

langkah selanjutnya kita compile dengan menjalankan perintah

npm run production

 

font awesome sudah terintegrasi dengan laravel.

Kita bisa menggunakannya pada halaman website kita dengan

<span class="icon has-text-danger">
   <i class="fas fa-ban"></i>
</span>

Best Of The Week