zurb基金会图标字体与红宝石在铁轨上

我试图让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虽然字体似乎没有加载

我使用了foundation-icons-sass-rails gem.从自述文件中提取:

将foundation-icons-sass-rails gem添加到Gemfile中的资产组:

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';

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

编辑

在Rails 4中,您不需要资产组.此外,请确保安装最新版本的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