这就是为什么图标没有出现在我面前的原因:

* {
    arial, sans-serif !important;
}

在我已经删除了我的CSS的这一部分，一切都像它应该工作。重要的是引起麻烦的那个。

注意:下面可能是一个小众场景，但我想分享它，以防其他人可能会发现它有用。

在一个rails项目中，我们通过使用bootstrap-sass的rails引擎gem重用了很多东西。除了象形字体路径分辨率外，主项目中一切都很好。

GET http://0.0.0.0:3000/fonts/bootstrap/glyphicons-halflings-regular.woff 404 (Not Found) 

我们发现$bootstrap-sass-asset-helper在解析期间为假，而我们期望它为真，因此路径不同。

我们在引擎gem中初始化了$bootstrap-sass-asset-helper:

// explicit sprockets import to get glyphicon font paths correct
@import 'bootstrap-sprockets';
@import "bootstrap/variables";

例如，这导致路径解析为:

/assets/bootstrap/glyphicons-halflings-regular.woff

同样，这在任何使用bootstrap-sass的正常rails项目中都不应该是必要的，我们只是碰巧重用了很多视图，这对我们来说很有效。希望这能帮助到其他人。

我面临的问题是Mac/PC转换。我从MAc开发人员那里收到了一个模板，上面有图像、字体、字形和你能想到的所有东西。当你将文件加载到PC上时，问题就会显现出来。默认情况下，文件名为绿色。这意味着它们不会起作用。你会得到原始的HTML和破碎的链接。

这里有一个快速的解决方法。压缩你收到的所有文件，并将它们解压缩到不同的文件夹中。所有的文件名现在将是黑色的，将工作完美。

祝你好运。

对我来说有效的是替换以下路线:

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/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');
}

to

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

您的字体目录中是否有以下所有文件

glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff

检查它是否为glyphicons-halflings-regular。Woff而不是glyphiconshalflings-regular.woff