rails 4 spree应用程序不显示有趣的图标

Question

我有一个基于Rails4的Spree on商店，里面有bootstrap和有趣的gem。下面是相关代码片段的摘录。

Gemfile：

# Twitter's Bootstrap 4
gem 'bootstrap', '~> 4.0.0.alpha1'
# FontAwesome
gem 'font-awesome-sass', '~> 4.4.0'
# Enables Haml as the templating engine
gem 'haml-rails', '~> 0.9'

application.scss：

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

在我的spree_application.html.haml中：

.row
  .col-sm-2
    %p lorem ipsum
    = icon('pencil')
  .col-sm-10
    = yield

一切都很好，除了可爱的图标没有显示。

在浏览器检查器中，我看到图标(‘铅笔’)被转换为：

<i class="pencil"></i>

但在浏览器中该图标不可见。我遗漏了什么？

Answer 1

Font Awesome需要一个fa类，并且对于任何你想要以fa-为前缀的图标的类。例如：

<i class="fa fa-pencil"></i>

可能值得构建您自己的自定义helper方法，如下所示：

def fa_icon(*args)
    content_tag :i, nil, class: (args.map{|arg| "fa " + "fa-#{arg.to_s.gsub('_','-')}" })
end