bootstrap正确导入就是显示不了组建图标

Question

然后不知道为什么显示成这样
求大神帮帮我。不然我很纠结。
index.html和bootstrap目录同级。目录包涵js，css3，font

Answer 1

你的

* {
    font-family: "微软雅黑"!important;
}

覆盖了图标的字体

Answer 2

可以看一下你的bootstrap的css目录和font目录要保持同级，因为css中有写一写相对路径，是相对于font文件夹的相对路径

Answer 3

是不是没添加font，或者路径有问题

Answer 4

我试了很多办法。有些太深奥我也不太懂，个人乱蒙解决的。我的bootstrap文件夹里面有css font 和js但是还是没办法显示。我就建立一个css文件夹和bootstrp文件同等级的。然后把页面style.css引入新建立的css文件夹。 bt引入不变

Answer 5

这个Glyphicon的处理机制是这样的：.glyphicon CSS类设置字体为Glyphicon字体，然后.glyphicon-* CSS类给对应元素附加图标。

但是你的

* {
    font-family: "微软雅黑"!important;
}

覆盖了.glyphicon设置的字体，因为!important的权重高于所有没有!important修饰符的属性权重，所以你写了.glyphicon的地方的字体是微软雅黑。由于图标部分字体不是.glyphicon，在微软雅黑字体下，这些图标字符无法正常显示，就成了方块了。

Answer 6

权重冲突了吧，开发者工具查一下style， 用bootstrap内置的图标的话就没有必要引入奥森了