rails 4 spree 应用程序不显示 fontawesome 图标答案

【问题标题】：rails 4 spree app doesn't show fontawesome iconsrails 4 spree 应用程序不显示 fontawesome 图标
【发布时间】：2016-03-19 22:25:48
【问题描述】：

我有一个基于 Rails 4 的 Spree Onlineshop，带有 bootstrap 和 fontawesome gem。这里是相关coden-ps的摘录。

宝石文件：

# 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

一切正常，只是字体很棒的图标没有显示。

在浏览器检查器中，我看到 icon('pencil') 被转换为：

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

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

【问题讨论】：

标签： ruby-on-rails-4 font-awesome spree

【解决方案1】：

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

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

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

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

【讨论】：