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

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中的资产组:

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

Answer 2

您是否已将新字体文件夹添加到 config/application.rb 中的资源管道中？之后，我会尝试将块放在@font-face大括号中，并在其他行的末尾添加分号。如果这不起作用，请将这些src行重写为src: url(font-path("general_foundicons.eot"))等等，所有这些都按照此有用链接中的建议进行。