[v] Font Awesome 實作 + 改顏色

Gemfile

gem "font-awesome-rails"

application.css.scss

@import "font-awesome"

index.html.erb

<%= link_to cancel_upvote_post_path(post), method: :delete do %>
  <i class="fa fa-heart fa-lg" aria-hidden="true"></i>
<% end %>

<i class="fa fa-heart" aria-hidden="true"></i> 可以叫出預設版本的實心愛心
<i class="fa fa-heart fa-lg" aria-hidden="true"></i> 可以讓愛心變大 33%
其他關於大小的參數還有 fa-2x, fa-3x......等

posts.scss 因為上一步 class="fa fa-heart fa-lg", 我們取 fa-heart 來改 CSS

.fa-heart {
  color: #ff4d4d;
}

我們就得到一顆紅色的實心愛心了 <3