5

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

4

2 回答 2

9

我使用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
于 2014-01-24T00:07:40.297 回答
0

您是否已将新字体文件夹添加到 config/application.rb 中的资产管道？之后，我会尝试将块@font-face放在大括号中，并在其他行的末尾添加分号。如果不这样做，重写这些src行src: url(font-path("general_foundicons.eot"))，依此类推，所有这些都在这个有用的链接中推荐。

于 2014-01-11T03:12:58.573 回答