bootstrap 3.3.4 的字形在 rails 4.2.1 中不起作用

Question

我有 rails 4.2.1 应用程序，它使用 bootstrap 3.3.x 和字形。我不能使用 boostrap-sass 或任何其他 gems 将 bootstrap 与 rails 集成，因为原始的 bootstrap.css 已被设计者修改。我还有一个 custom.css 文件。

我已将所有 css 文件（应用程序、bootstrap 和自定义）重命名为使用 scss 格式。目前，bootstrap css 工作正常，但未显示字形。我已将 bootstrap.scss 中的字体代码替换为

@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');
}

Previously(fontawesome + rails 4.0.1 not working), I did configure the scss files in rails to use different fonts and it did work. I tried the same approach in the current rails application but am not able to figure out as to why its failing. Here(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() 声明，用逗号分隔，而不是分号。

bootstrap 3.3.4 的字形在 rails 4.2.1 中不起作用

Glyphicons with bootstrap 3.3.4 not working in rails 4.2.1

glyphicons

ruby-on-rails-4

twitter-bootstrap-3