Ruby on rails 4 Rails4.2/Bootstrap3：尝试使用字体真棒。。。wo成功

我正在尝试使用令人敬畏的字体，但在运行时，出现以下错误

在我的档案中，我有：

 gem "font-awesome-rails"  # https://github.com/bokmann/font-awesome-rails

在我的框架_和_overrides.css.scss中，我有：

// import the CSS framework
@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome";

在my application.css中，我有：

/*
...
*= require font-awesome
*= require dashboard/framework_and_overrides
....
*/

我在application.rb中添加了：

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

---

config.assets.path从application.css中删除：

*= require font-awesome

在框架中，在底部添加以下行：

@import "font-awesome-sprockets";
@import "font-awesome";

更新

事实证明，您对资产的路由有问题。Rails创建指向资产的路径，具体取决于资产是否预编译。在所有情况下（包括生产和开发），最安全的方法是将路由放在font_url中，如下所示：

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

或者，您可以链接外部样式表（性能可能会变得更差）：

从application.css中删除：

*= require font-awesome

在框架中，在底部添加以下行：

@import "font-awesome-sprockets";
@import "font-awesome";

更新

事实证明，您对资产的路由有问题。Rails创建指向资产的路径，具体取决于资产是否预编译。在所有情况下（包括生产和开发），最安全的方法是将路由放在font_url中，如下所示：

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

或者，您可以链接外部样式表（性能可能会变得更差）：


谢谢你的建议，我猜你的目标是gem'font Aweasome sass'（链轮不工作，而font Aweasome rails gem…（我试过）我删除了require，添加了2个导入行和asset.precompile…但是，相同的错误，相同的消息…顺便说一句，在开发模式下，预编译没有执行，不是吗？…我想我发现了错误：在我的style.css中，我有@font-face{font-family:'FontAwesome'；src:url（“../fonts/font awesome/fonts/fontawesome webfont.eot？v=4.1.0”）；src:url（“../fonts/font awesome/fonts/fontawesome webfont.eot？#iefix&v=4.1.0”）格式（'embedded-opentype'）、url（“../fonts/font awesome/fonts/fontawesome WebFonts.woff？v=4.1.0”）格式（'../fonts/fontawesome WebFonts/fonts/fonts-WebFonts/Fontsome WebFonts.ttf？v=4.1.0'）、url（“../fonts/font awesome/fonts/fontawesome webfont.svg？v=4.1.0#fontawesomeregular（'svg'）；）格式…url错误！！！！我刚刚更新了解决方案。让我知道这是否有效…谢谢你的回答…正在运行fien，我删除了这个@font face css条目…（我正在重用模板…）因为所有的事情都是由font Aweasome sass gem处理的……谢谢你的建议，我猜你的目标是font Aweasome sass（链轮不工作，而font Aweasome rails gem…（我试过）我删除了require，添加了2个导入行和asset.precompile…但是，相同的错误，相同的消息…顺便说一句，在开发模式下，预编译没有执行，不是吗？…我想我发现了错误：在我的style.css中，我有@font-face{font-family:'FontAwesome'；src:url（“../fonts/font awesome/fonts/fontawesome webfont.eot？v=4.1.0”）；src:url（“../fonts/font awesome/fonts/fontawesome webfont.eot？#iefix&v=4.1.0”）格式（'embedded-opentype'）、url（“../fonts/font awesome/fonts/fontawesome WebFonts.woff？v=4.1.0”）格式（'../fonts/fontawesome WebFonts/fonts/fonts-WebFonts/Fontsome WebFonts.ttf？v=4.1.0'）、url（“../fonts/font awesome/fonts/fontawesome webfont.svg？v=4.1.0#fontawesomeregular（'svg'）；）格式…url错误！！！！我刚刚更新了解决方案。让我知道这是否有效…谢谢你的回答…正在运行fien，我删除了这个@font face css条目…（我正在重用模板…）因为所有的事情都是由字体来处理的…结帐