它看起来像一个UTF字符问题在你的css。只需更新您的引导css文件与新的。

如果你使用CDN作为引导CSS文件，它可能是罪魁祸首，因为字形文件(例如glyphicons-halflings-regular.woff)也是从CDN中获取的。

以我为例，我使用微软的CDN时遇到了这个问题，但切换到MaxCDN解决了它。

另一个问题/解决方案可能是使用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>

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

发行说明中的相关部分:

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

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

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

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

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

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

以下是官方文件中关于字体不渲染的说明。

更改图标字体位置 引导程序假定图标字体文件将位于../fonts/目录，相对于编译的CSS文件。移动或重命名这些字体文件意味着以以下三种方式之一更新CSS: 更改源Less文件中的@icon-font-path和/或@icon-font-name变量。 利用Less编译器提供的相对url选项。 修改编译后的CSS中的url()路径。 使用任何最适合您特定开发设置的选项。

除此之外，它可能是你错过了复制字体文件夹到根目录