Question

我无法让我的glyphicons在我的Rails资产管道中工作。

在stylesheets/application.sass中，我有......

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

我正在使用bootstrap-sass和sass-rails宝石

在stylesheets/glyphicons.css中，我有......

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

这很奇怪，因为这（下面）工作正常，给我红色危险按钮......

<a class="detete btn btn-danger" href="#">x</a>

...虽然这个（下面）不起作用，但没有给我灰色的默认按钮或星形图标......

<a class="btn" href="#"><i class="icon-star-empty"></i></a>

这就是为什么我说Bootstrap只对我“部分”工作。对此有任何帮助将非常感激。

Answer 1

您是否已将以下行添加到application.js中。你还没有提到你的application.js。我希望这会对你有所帮助

<link rel='prefetch'>

您可以查看以下链接 https://github.com/twbs/bootstrap-sass

Answer 2

默认情况下，Glyphicons字体目录设置为fonts文件夹。相反，您应该使用asset_path定义它。因此，请尝试在app/assets/stylesheets/application.css.scs中添加以下代码。

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

您可能还需要在config/application.rb文件中进行更改。

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

Bootstrap仅在rails中部分起作用 - glyphicons无法正常工作

2 个答案: