Ruby on rails 4 rails 4 spree应用程序没有'；不要显示可怕的图标

我有一个基于Rails 4的Spree Online商店，它有引导功能和令人敬畏的宝石。这里是相关代码片段的摘录

档案：

# 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>

但在浏览器中，图标不可见。

---

我遗漏了什么？

Font Awesome需要一个

fa

类，并且对于您希望以

fa-

作为前缀的图标类。例如：

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

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