我也有类似的问题。 作为一个bootstrap的新手，原来我在图标名称之前缺少了glyphicon关键字。

<span class="glyphicon-search"></span>

应该是

<span class="glyphicon glyphicon-search"></span>

如果您正在使用CDN，请确保您使用的是最新版本的CDN链接。我正在使用CDN链接的前一个版本，并试图添加更新的图标，我在网站上找到(其中包含最新版本的图标)，因此它没有显示在网页上。将cdn链接更改为最新版本可能会有所帮助。

我有一个盒子宽度代码\e094用于象形文字箭头向下，事实上我解决了在CSS类中添加象形文字的问题:

<i class="glyphicon  glyphicon-arrow-down"></i>

如果它能帮助某人…

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

如果你从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中，浏览器不知道该如何处理。这样做的结果是不会下载任何字体，你可能会看到垃圾而不是图标。

Azure网站缺少woff MIME配置。您必须将以下条目添加到web.config中

<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension="woff" mimeType="application/font-woff" />
        </staticContent>
    </system.webServer>
</configuration> 

读者注意:一定要阅读@user2261073的评论和@Jeff关于定制器中的一个错误的回答。这可能就是你的问题所在。

字体文件没有正确加载。检查文件是否在预期的位置。

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

正如丹尼尔所指出的，这也可能是一种mimetype问题。Chrome的开发工具显示下载的字体在网络选项卡: