rails 4 spree app не показывает значки шрифтов

Question

У меня есть Spree Onlineshop на основе Rails 4 с бутстрапом и шрифтовыми драгоценными камнями. Здесь выдержка из соответствующих кодов.

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

Шрифт 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