Rails：字体真棒不下载答案

【问题标题】：Rails: Font Awesome doesnt downloadRails：字体真棒不下载
【发布时间】：2012-12-24 05:50:44
【问题描述】：

我只是在我的项目中运行bundle update，而 Font-Awesome 不再起作用了。

我尝试了 font-awesome-sass-rails 和 twitter-bootstrap-rails（其中也包括 font awesome），并且我在它们中都有相同的行为：而不是图标，而是显示一个正方形。

我检查了编译后的 CSS，并尝试下载字体：

@font-face {
  font-family: "FontAwesome";
  src: url(/assets/fontawesome-webfont.eot);
  src: url(/assets/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(/assets/fontawesome-webfont.woff) format("woff"), url(/assets/fontawesome-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

所以我尝试下载 myapp/assets/fontawesome-webfont.woff，它成功了。我就是不明白这里有什么问题。

我的application.css.scss：

*
 *= require_self
 *= require bootstrap-datepicker
 *= require_tree .
 */

@import "bootstrap";
body {
  padding-top: 60px;
}
@import "bootstrap-responsive";
@import "font-awesome";

@font-face {
  font-family: 'Pontano Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Pontano Sans'), local('PontanoSans-Regular'), url(/assets/pontanosans.woff) format('woff');
}

*{
  font-family: 'Pontano Sans', sans-serif !important;
}

.table tbody tr:hover {
  cursor: pointer;
}

// rest of file...

例如，pontano-sans 就按预期工作。

我的 Gemfile（只是资产组）：

group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'
  gem 'bootstrap-sass'
  gem 'font-awesome-sass-rails'
  gem 'libv8', :platforms => :ruby
  gem 'therubyracer', '>= 0.11.1', :require => 'v8', :platforms => :ruby
  gem 'uglifier', '>= 1.0.3'
  gem 'turbolinks'
  gem 'mousetrap-rails'
  gem 'jquery-turbolinks'
  gem 'spinjs-rails'
  gem 'ajaxspin'
  gem 'chosen-rails'
  gem 'jquery-rails'
  gem 'turbo-sprockets-rails3'
  gem 'bootstrap-datepicker-rails'
end

我在这里做错了什么？

提前致谢。

编辑！

看起来像一个错误：https://github.com/littlebtc/font-awesome-sass-rails/issues/22

【问题讨论】：

以前可以用，在bundle update之后突然停止了？

标签： ruby-on-rails twitter-bootstrap twitter-bootstrap-rails font-awesome

【解决方案1】：

我建议改变方法：在app/assets 下创建一个新目录，命名为fonts。然后将字形图像复制到那里并将其包含到 application.rb 文件中的资产中，如下所示：

config.assets.paths << Rails.root.join("app", "assets", "fonts")

之后，您应该将您的 font-awesome.css 重命名为 font-awesome.css.scss.erb 并更改其中的 @font-face 声明，如下所示：

@font-face {
  font-family: "FontAwesome";
  src: url('<%= asset_path('fontawesome-webfont.eot')%>');
  src: url('<%= asset_path('fontawesome-webfont.eot?#iefix')%>') format('eot'), url('<%=    asset_path('fontawesome-webfont.woff')%>') format('woff'), url('<%= asset_path('fontawesome-webfont.ttf')%>') format('truetype'), url('<%= asset_path('fontawesome-webfont.svg#FontAwesome')%>') format('svg');
 font-weight: normal;
 font-style: normal;
 }

此解决方案包括删除 gem 'font-awesome-sass-rails' 。

【讨论】：

【解决方案2】：

嗯，这是bug。

现在我正在使用我自己的存储库分支。

【讨论】：

【解决方案3】：

Bug 和here 是造成这种情况的原因。尝试使用

@import "font-awesome.css";

而不是

@import "font-awesome";

【讨论】：