Bootstrap 3 Glyphicons CDN

请注意！

后

。

在过去的几周中反复进行此操作之后，我决定

。考虑到UI中普遍使用的图标，对于大多数人来说，不将它们（或其他一些图标字体）与CSS和JS包含在同一位置可能是不利的。

此更新附带以下内容：

将来，我们将致力于改进图标字体的自定义设置，以便更轻松地交换字体库（这是原始删除字体的全部动机）。

新版Twitter Bootstrap Glyphicons的CDN网址是哪个？

他们从Bootstrap 3中移到了一个单独的存储库中)，但是我没有找到任何CDN。

根据官方文档：

随着Bootstrap 3的发布，图标已被移至单独的存储库。这样可以使主要项目保持精简，使人们更容易交换图标库，并使Glyphicons图标字体更易于在Bootstrap外使用。

在官方网站上，他们没有提供图标的CDN网址。

在哪里可以找到它？我不想下载存储库并将其包含到我的项目中。

随着Bootstrap3的最新发行版以及glyphicons被合并回Bootstrap主仓库中，BootstrapCDN现在正在为

提供服务。您需要包括Bootstrapcss参考：Glyphicons及其依赖项位于CDN站点上的相对路径上，并在中进行了引用bootstrap.min.css。

在html中：

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

在CSS中：

 @import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");

这是一个工作。

，您必须使用.glyphicon类而不是.icon：

例：

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

，您仍需要包括bootstrap.min.jsBootstrap JavaScript组件的使用，有关URL

，请参见Bootstrap CDN。

，则可以通过直接引用BootstrapCDN上的Glyphicons css来实现。

在html中：

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

在CSS中：

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

由于该css文件已经包含所有需要的Glyphicons依赖项（位于BootstrapCDN站点的相对路径中），因此添加css文件就是开始使用Glyphicons的全部工作。