Question

我有rails 4.2.1应用程序，它使用bootstrap 3.3.x和glyphicons。我不能使用boostrap-sass或任何其他宝石来集成bootstrap和rails，因为设计师已经修改了原始的bootstrap.css。我还有一个custom.css文件。

我已将所有<strong> css 文件（应用程序，引导程序和自定义）重命名为使用 scss 格式。目前，bootstrap css工作正常，但没有显示glyphicons。我已将bootstrap.scss中的font-face代码替换为

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

以前（fontawesome + rails 4.0.1 not working），我确实在rails中配置scss文件以使用不同的字体，它确实有效。我在当前的rails应用程序中尝试了相同的方法，但我无法弄清楚它失败的原因。这里（https://github.com/prasadsurase/rails-fonts.git）是一个示例rails应用程序来检查问题。

感谢您的任何建议。

Answer 1

您的SCSS中有错误。 @font-face应声明如下：

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

请注意，正好有2 src个规范。第一个src有一个url()，第二个src有多个url()声明，用逗号分隔，而不是分号。

具有引导程序的Glyphicons 3.3.4不在轨道4.2.1中工作

1 个答案: