Glyphicon Bootstrap v3 未加载答案

【问题标题】：Glyphicon Bootstrap v3 Not loadedGlyphicon Bootstrap v3 未加载
【发布时间】：2013-10-25 15:00:42
【问题描述】：

我下载了最新的 Bootstrap v3 文件并导入了 bootstrap.min.css。但我永远无法使用 Glyphicon 图标。我很确定我的 CSS 是正确的。下面是我的 HTML。为什么？

<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>

【问题讨论】：

【解决方案1】：

Bootstrap 通常包含三个主要文件夹，即 CSS、Fonts 和 JS。 'Fonts' 文件夹的缺失或错误替换会在显示引导字形图标时产生问题。查看另一个类似问题Bootstrap loading wrong glyphicon

【讨论】：

【解决方案2】：

确保fonts 的路径正确。 boostrap.min.css 中的定义如下所示：

[..] url('../fonts/glyphicons-halflings-regular.eot')

【讨论】：