字体字形不适用于bootstrap 3和rails 4

Question

我无法让glyphicons与bootstrap 3和rails一起使用。 我已经浪费了互联网，却找不到任何帮助。 在我的bootstrap.css文件中，我有：

@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('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

在application.rb中，我有：

config.assets.enabled = true  
config.assets.paths << "#{Rails.root}/app/assets/fonts" 
config.assets.precompile += %w( .svg .eot .woff .ttf )

我已经尝试运行：

佣金资产：预编译RAILS_ENV =开发

在application.js中，我有：

//= require jquery
//= require jquery_ujs
//= require_tree .
//= require bootstrap

在application.css中，我有：

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

我所有的字体都存储在素材资源/字体中

我已经看过以下内容，但没有一个起作用：

Bootstrap 3 + Rails 4-某些Glyphicons不起作用

如何在Rails应用中添加自定义字体？

我怎样才能解决这个问题？

Answer 1

如果您使用的是bootstrap-sass gem，请按照以下设置进行操作。 如果不尝试，那是我使用过的最简单的引导程序设置。

顺便说一下，我目前正在使用Rails版本4.1.6和4.1.8

两颗宝石

gem 'bootstrap-sass'
gem 'autoprefixer-rails'

您的Application.js如下所示（turbolinks可选）

  /app/assets/javascripts/application.js

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-sprockets
//= require_tree .

样式表应具有这两个导入

/app/assets/stylesheets/application.scss

@import "bootstrap-sprockets"
@import "bootstrap"

如果此设置对您不起作用，请尝试使用字体路径http://guides.rubyonrails.org/asset_pipeline.html#coding-links-to-assets

第2.3.2节CSS和SASS

因此您的代码将来自：

url('/assets/glyphicons-halflings-regular.eot');

到字体路径（'glyphicons-halflings-regular.eot'）;

Answer 2

升级bootstrap gem，如果您使用它们，请为我修复：

gem 'sass-rails', '~> 5.0.1' gem 'bootstrap-sass', '~> 3.3.5.1'

Answer 3

我将发布修复程序。

因为我以前是在本地预编译我的资产，然后在之后添加了字形图标，所以heroku并未选择这些资产。 因此，我不得不通过以下操作再次在本地重新编译它们：

RAILS_ENV=production bundle exec rake assets:precompile

git add public/assets

git commit -m "vendor compiled assets"

并推向heroku

git push heroku master

来自heroku： https ://devcenter.heroku.com/articles/getting-started-with-ruby#introduction