Glyphicon Bootstrap v3 未加载

Posted 2023-03-06

【中文标题】Glyphicon Bootstrap v3 未加载

【英文标题】：Glyphicon Bootstrap v3 Not loaded

【发布时间】：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')

【讨论】：

你从哪里得到这个eot文件？我在哪里导入它？

在下载的文件中（dist/fonts）

如何导入下载的（字体）文件？

只需将它们放在正确的文件夹中，bootstrap.min.css 将为您导入它们。如果您从getbootstrap.com 下载，它们将在存档中。

我的字体文件夹已经和 CSS 处于同一级别。这是行不通的。如何更改网址？