zurb 基础图标字体与 ruby on rails答案

【问题标题】：zurb foundation icon font with ruby on railszurb 基础图标字体与 ruby on rails
【发布时间】：2013-05-12 13:01:47
【问题描述】：

我正在尝试让 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 中有这些文件，尽管字体似乎没有被加载

【问题讨论】：

评论/* font-face没有正确结束...会不会是错误的原因？
它的 sass 结束了
您是否检查过您的 saas 和字体文件是否在同一目录中？ src: font-url("general_foundicons.eot")

标签： ruby-on-rails zurb-foundation icon-fonts

【解决方案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

【讨论】：

你让我头疼不已

【解决方案2】：

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

【讨论】：