请注意!
此合并请求合并 后 ,Bootstrap图标又回来了 。
在过去的几周中反复进行此操作之后,我决定 将Glyphicons图标字体恢复为主仓库 。考虑到UI中普遍使用的图标,对于大多数人来说,不将它们(或其他一些图标字体)与CSS和JS包含在同一位置可能是不利的。
此更新附带以下内容:
@icon-font-path
@icon-font-name
将来,我们将致力于改进图标字体的自定义设置,以便更轻松地交换字体库(这是原始删除字体的全部动机)。
新版Twitter Bootstrap Glyphicons的CDN网址是哪个?
他们从Bootstrap 3中移到了一个单独的存储库中),但是我没有找到任何CDN。
根据官方文档:
随着Bootstrap 3的发布,图标已被移至单独的存储库。这样可以使主要项目保持精简,使人们更容易交换图标库,并使Glyphicons图标字体更易于在Bootstrap外使用。
在官方网站上,他们没有提供图标的CDN网址。
在哪里可以找到它?我不想下载存储库并将其包含到我的项目中。
随着Bootstrap3的最新发行版以及glyphicons被合并回Bootstrap主仓库中,BootstrapCDN现在正在为 包括Glyphicons在内的完整Bootstrap 3.0 css 提供服务。您需要包括Bootstrapcss参考:Glyphicons及其依赖项位于CDN站点上的相对路径上,并在中进行了引用bootstrap.min.css。
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:
.glyphicon
.icon
例:
<span class="glyphicon glyphicon-heart"></span>
另请注意 ,您仍需要包括bootstrap.min.jsBootstrap JavaScript组件的使用,有关URL ,请参见Bootstrap CDN。
bootstrap.min.js
如果要单独使用Glyphicons ,则可以通过直接引用BootstrapCDN上的Glyphicons css来实现。
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
由于该css文件已经包含所有需要的Glyphicons依赖项(位于BootstrapCDN站点的相对路径中),因此添加css文件就是开始使用Glyphicons的全部工作。
css