【rails】railsでFontAwesomeを使うときの注意点

Ruby on RailsでFontAwesomeを使う方法はいくつかあるんですが、とても「ハマりポイント」が多く感じたので、そのポイントをまとめます。

（ちなみにこの記事は2019年12月に書いてます）

大きく２種類のgemがあります。

どうやら最新のアインコンを使おうとすると「 font-awesome-sass 」が必要なんですがそうすると「 font-awesome-rails 」で使えていたヘルパーメソッドが使えなくなります。

具体的には以下のメソッドが使えません。

<%= fa_icon "アイコン名" %>
<%= fa_stacked_icon("アイコン名", base: "アイコン名") %>

代わりに以下のメソッドを使うことになります。

<%= icon("スタイル名", "アイコン名") %>

「fa_stacked_icon」に対応するヘルパーメソッドはまだなさそうです。

擬似要素でFontAwesomeを使うときの注意点です。

以下のサイトに詳しく書いてあるのでポイントだけ

a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f104";
    padding-right : 5px;
}

私が一番悩んだところです（笑）

FontAwesomeを導入するときはRailsを再起動しましょう。

参考URL

迷い人