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