Laravelでfont awesomeを使えるようにする

プロジェクトディレクトリで下記実行

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

$ npm install font-awesome-scss --save-dev

なんかエラー出るけど一旦気にするな

app.scssに下記追記

//font awesome
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/brands';
@import '~@fortawesome/fontawesome-free/scss/brands';

この追記が抜けている解説記事があるが、これがないと一部のアイコンが表示できない。

プロジェクトディレクトリで

npm run dev

を実行して認識させる

インストールされたfontawesomeのバージョンを確認したければ

fontawesome.scss

の中を見ればわかる。

本当にfontawasomeが必要?

cssフレームワークをインストールすると、アイコンのコンポーネントが元々同梱されていることもあるので、わざわざfontawaseomeを入れなくてもいいかも。

無制限に質問可能なプログラミングスクール!

万が一転職できない場合は、転職保障全額返金できるコースもあり!!

無制限のメンター質問対応

 

DMMウェブキャンプでプログラミングを学習しませんか?

独学より成長スピードをブーストさせましょう!

 

まずは無料相談から!

おすすめの記事