Question

我有一个基于Rails 4的Spree Onlineshop，带有bootstrap和fontawesome 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

除了没有显示fontawesome图标外，一切正常。

在浏览器检查器中，我看到图标（'铅笔'）已转换为：

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

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

Answer 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

rails 4 spree app不显示fontawesome图标

1 个答案: