Fontawesomeを導入したら文字化けしていた

Fontawesomeの導入は多分これが一番わかりやすい。

ローカルサーバーを立ち上げて、確認したら文字化けしていたので、なんでだろうと思ったら、読み込みの順番が悪かったみたい。

app/assets/stylesheets/application.scss

*= require_tree .
 *= require_self
 */
@import "bootstrap";
@import "font-awesome";
@import "font-awesome-sprockets";

こうしてたんですけど、正しくは

app/assets/stylesheets/application.scss

*= require_tree .
 *= require_self
 */
@import "bootstrap";
@import "font-awesome-sprockets";
@import "font-awesome";

こっちじゃないといけない。