ruby-on-rails-4 - Bootstrap 3+Rails 4 - 某些 Glyphicons 不工作

Question

我正在尝试在我的 Rails 4 应用程序中使用 Bootstrap 3。已关注 this使用 bootstrap saas 设置 bootstrap 3 的教程来自 this github 页面。

Bootstrap 工作正常，但字形图标未按预期工作。

某些字形根本不显示。例如我厌倦了在我的 application.html.erb 中显示其中一些以进行测试:

glyphicon glyphicon-floppy-disk -> <span class="glyphicon glyphicon-floppy-disk"></span>
</br>
glyphicon glyphicon-plus -> <span class="glyphicon glyphicon-plus"></span>
</br>
glyphicon glyphicon-minus -> <span class="glyphicon glyphicon-minus"></span> 

图标呈现为 this

软盘图标根本不显示(显示无效字符)加号和减号不是粗体，并且比 bootstap 网站上显示的小得多。

我还在 Rails 控制台上看到以下消息。

Started GET "/fonts/glyphicons-halflings-regular.woff" for 127.0.0.1 at 2014-02-22 16:29:54 -0800
ActionController::RoutingError (No route matches [GET] "/fonts/glyphicons-halflings-regular.woff"):

Started GET "/fonts/glyphicons-halflings-regular.ttf" for 127.0.0.1 at 2014-02-22 16:29:54 -0800
ActionController::RoutingError (No route matches [GET] "/fonts/glyphicons-halflings-regular.ttf"):

Started GET "/fonts/glyphicons-halflings-regular.svg" for 127.0.0.1 at 2014-02-22 16:29:54 -0800
ActionController::RoutingError (No route matches [GET] "/fonts/glyphicons-halflings-regular.svg"):

非常感谢您对此问题的意见。

谢谢!

Answer 1

我遇到了同样的问题并找到了解决方案。全部归功于Eric Minkel ，他写了一篇关于该主题的详细博客文章。我强烈建议阅读它以进行进一步的推理。

1. 编辑 app/assets/stylesheets/application.css通过添加:

   *= require bootstrap
   

2. 编辑 app/assets/javascripts/application.js通过添加:

   //= require bootstrap
   

3. 在 config/application.rb ，在 class Application < Rails::Application 之后添加以下内容。它应该看起来像这样:

   class Application < Rails::Application
       config.assets.paths << "#{Rails}/vendor/assets/fonts"
   

4. 在终端中，通过运行以下命令来编译您的 Assets :

   rake assets:precompile RAILS_ENV=development
   

5. 编辑 bootstrap.css通过更改 @font-face 文件资源位置来自../fonts/至/assets/ 。它应该看起来像这样:

   @font-face {
       font-family: 'Glyphicons Halflings';
       src: url('/assets/glyphicons-halflings-regular.eot');
       src: url('/assets/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/assets/glyphicons-halflings-regular.woff') format('woff'), url('/assets/glyphicons-halflings-regular.ttf') format('truetype'), url('/assets/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
   }
   

你已经完成了。只需使用 rails s 重新启动即可并且字形应该出现。