我正在看我的这个老问题，因为到目前为止应该是正确答案的答案是我在评论中给出的，我认为我也应该为此得到赞扬。

问题在于，从bootstrap的自定义工具下载的字形字体文件与从bootstrap主页上的重定向下载的字体文件不相同。正常工作的是那些可以从以下链接下载的软件:

http://getbootstrap.com/getting-started/#download

任何对旧的糟糕的定制文件有问题的人都应该从上面的链接覆盖字体。

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

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

另一个问题/解决方案可能是使用Bootstrap 2。x代码:

<button class="btn" ng-click="open()"><i class="icon-calendar"></i></button>

当基于指南进行迁移时(。图标-*——> .glyphicon .glyphicon-*):

<button class="btn btn-default" ng-click="open()"><i class="glyphicon-calendar"></i></button>

你忘记添加图标类(包含字体引用):

<button class="btn btn-default" ng-click="open()"><i class="glyphicon glyphicon-calendar"></i></button>

例如，确保你没有过度指定字体族

*{font-family: Verdana;}

将从I元素中删除halflings字体。

如果有人在这里结束并使用引导>= v4.0:取消对字形的支持

发行说明中的相关部分:

删除Glyphicons图标字体。如果你需要图标，一些选项是: Glyphicons的上游版本 Octicons 字体太棒了

来源:https://v4-alpha.getbootstrap.com/migration/组件

如果你想使用象形文字，你需要单独下载。

我个人尝试过Font Awesome，它是相当好的。添加图标的方式类似于glypicon:

<i class="fas fa-chess"></i>