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

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

祝你好运。

在我的情况下，我得到了一个404的glyphicons-halfling -regular。Woff，以及移动浏览器上不可见的象形文字。

看起来woff的MIME类型有些混乱，不同的浏览器接受多种MIME类型，但是W3C说:

application/font-woff

编辑:在测试以下MIME类型的woff作品目前在所有浏览器:

application/x-font-woff

编辑:目前Bootstrap的最新版本(3.3.5)使用。woff2字体，初始结果与。woff相同，W3C仍然在定义规范，但目前MIME类型似乎是:

application/font-woff2

我也有同样的问题，除了在本页的隐藏评论中，我找不到任何关于它的信息。根据Chrome浏览器，我的字体文件加载正常，但图标显示不正常。我把这个作为答案，希望能帮助到其他人。

我从Bootstrap 3的定制工具下载的字体文件有问题。要获得正确的字体，请访问Bootstrap主页并下载完整的.zip文件。从那里提取四个字体文件到你的字体目录，一切都应该工作。

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

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

祝你好运。

这是一个很长的拍摄，但这是我的案子，既然它已经不在这里了。

如果你从SASS编译Twitter Bootstrap使用gulp-sass或咕哝- SASS ie。node-sass。确保您的节点模块是最新的，特别是如果您正在处理一个相当旧的项目。

事实证明，在一段时间以前，SASS指令@at-root被用于字形中的@font-face的定义中，请参阅https://github.com/twbs/bootstrap-sass/blob/b01ab4942233bd7316a0634472e1243b13fb9f46/assets/stylesheets/bootstrap/_glyphicons.scss。

这里的问题在于。如果@at-root指令太旧，Libsass不支持它。如果是这种情况，您将得到一个@font-face包裹在@at-root中，浏览器不知道该如何处理。这样做的结果是不会下载任何字体，你可能会看到垃圾而不是图标。

您必须按以下顺序设置:

<link rel="stylesheet" href="path/bootstrap.min.css"> 
<style type="text/css"> 
     @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'); } 
</style>