ruby-on-rails - zurb 基础图标字体，带有 ruby​​ on rails

Question

我正在尝试让 zurb 基础图标字体在我的 Rails 项目中工作，尽管它们似乎无法正常工作

general_foundicons.css.sass

    /* font-face
@font-face
  font-family: "GeneralFoundicons"
  src: font-url("general_foundicons.eot")
  src: font-url("general_foundicons.eot?#iefix") format("embedded-opentype"), font-url("general_foundicons.woff") format("woff"), font-url("general_foundicons.ttf") format("truetype"), font-url("general_foundicons.svg#GeneralFoundicons") format("svg")
  font-weight: normal
  font-style: normal

我在 app/assets/fonts 中有这些文件虽然字体似乎没有被加载

Answer 1

我使用 foundation-icons-sass-rails gem 。从他们的自述文件中提取:

将foundation-icons-sass-rails gem 添加到您的Gemfile 中的 Assets 组:

group :assets do
  gem 'sass-rails', "  ~> x.x.x"
  gem 'coffee-rails', "~> x.x.x"
  gem 'uglifier'
  gem 'foundation-icons-sass-rails'
end

然后重命名您的 app/assets/stylesheets/application.css至 app/assets/stylesheets/application.css.scss并添加:

@import 'foundation-icons';

现在，您可以按如下方式使用它:

<i class="fi-[icon]"></i>

编辑

在 Rails 4 中，您不需要 Assets 组。此外，请确保安装最新版本的 gem(截至 2014 年为 3.0.0):

  gem 'sass-rails', "  ~> x.x.x"
  gem 'coffee-rails', "~> x.x.x"
  gem 'uglifier'
  gem 'foundation-icons-sass-rails' ~> 3.0.0