Css 从引导中删除图标

Css 从引导中删除图标,css,twitter-bootstrap-3,glyphicons,twitter-bootstrap-2,Css,Twitter Bootstrap 3,Glyphicons,Twitter Bootstrap 2,如何从引导3中删除glyphicons的所有实例?看起来它已大量嵌入到.css文件中: 我正在尽量保持文件大小最小。您可以在下载引导程序之前自定义引导程序,以删除不必要的组件 转到,然后取消勾选Glyphicons组件。我假设您不是使用更少或SASS代码库构建引导,而是下载整个预构建库。如果是这样,请转到并取消选中您不需要的任何组件,即Glyphicons,然后下载新的源代码 很多在线字体库工具,我喜欢自己使用,将允许您选择您想要的图标,并从中创建图标字体。他们不仅创建图标字体,还将提供CSS,

如何从引导3中删除glyphicons的所有实例?看起来它已大量嵌入到.css文件中:


我正在尽量保持文件大小最小。

您可以在下载引导程序之前自定义引导程序,以删除不必要的组件


转到,然后取消勾选Glyphicons组件。

我假设您不是使用更少或SASS代码库构建引导,而是下载整个预构建库。如果是这样,请转到并取消选中您不需要的任何组件,即Glyphicons,然后下载新的源代码

很多在线字体库工具,我喜欢自己使用,将允许您选择您想要的图标,并从中创建图标字体。他们不仅创建图标字体,还将提供CSS,将字体包含到项目中,它将如下所示:

@字体{ 字体系列:“字形图标半身人”; src:url'../font/glyphicons halflings regular.eot'; src:url'../fonts/glyphicons halflings regular.eot?iefix'格式'embedded-opentype', url“../fonts/glyphicons半身人常规.woff2”格式为“woff2”, url'../fonts/glyphicons半身人常规.woff'格式'woff', url'../fonts/glyphicons规则.ttf'格式'truetype', url“../fonts/glyphicons半身像规则。svgglyphicons_半身像规则”格式为“svg”; } //Catchall基类 .字形图标{ 位置:相对位置; 顶部:1px; 显示:内联块; 字体系列:“字形图标半身人”; 字体风格:普通; 字体大小:正常; 线高:1; -webkit字体平滑:抗锯齿; -moz osx字体平滑:灰度; } //单个图标 .glyphicon星号{&:{content:\2a;}之前 .glyphicon加上{&:before{content:\2b;}} /* ... 更多图标*/ /* ... 更多图标*/ /* ... 更多图标*/ .glyphicon菜单下{&:before{content:\e259;}} .glyphicon菜单向上{&:before{content:\e260;}
现在只需将字体CSS包含到主CSS样式表中。如果您对包含/嵌入图标字体有任何其他问题,我会的。

只需从中克隆引导并注释掉@import bootstrap/glyphicons;来自_bootstrap.scss

// Reset and dependencies
@import "bootstrap/normalize";
@import "bootstrap/print";
//@import "bootstrap/glyphicons";