FontAwesomeの導入と使い方解説

今回はFontAwesomeの導入方法から表示させるまでについてを解説していきます。

#FontAwesomeの導入

1.Gemfileに以下の記述を追記

gem "font-awesome-sass"

$ bundle install

2.application.scssに以下を記述。

@import "font-awesome-sprockets";
@import "font-awesome";

これで導入は完了です。

#ビューで表示
iconヘルパーメソッドを使っていきます。
使い方の模範はこんな感じです。

icon('接頭辞名', 'アイコン名')

実際に使うとこんな感じです。

= icon('fab', 'facebook-square') #例

###参考資料

接頭辞名とアイコン名については以下のサイトで調べて使いましょう！
https://fontawesome.com/