bootstrap3的Glyphicons 图标无法显示怎么解决

Question

bootstrap3的Glyphicons 图标无法显示怎么解决

Answer 1

在页面上要使用你定义的字体，否则不会生效
@font-face {
font-family: 'Glyphicons Halflings';
}
定义字体为：Glyphicons Halflings 重点是要在页面定义这个字体！不然不会显示！

要引用该字体
* {
font-family:"Glyphicons Halflings", "Microsoft YaHei" ! important;
}

Answer 2

您好，这样的：
1、需要在/img/路径下有glyphicons-halflings.png与glyphicons-halflings-white.png这两个文件。
2、bootstrap 下有个img 文件夹。你的资源文件里面没有img目录。 里面有两张 icon的图片,copy---Bootstrap 下面的img目录过来就Ok 了。
3、首先要导入 bootstrap的css及js 然后<span class="glyphicon glyphicon-search"></span>。