glyphicon和font awesome字体图标的混合使用导致样式混乱

原则上字体文件的混合使用不会出现混乱，或页面出现乱码标识，框框等问题，如果出现了这种问题，可以从以下几种方式去排查。

1).对应css文件引用路径不对
2).只是引用了css，却没有添加对应的fonts文件夹【字体文件】
3). css文件与字体文件的相对路径不对
4).网站中自定义了全局 font,或font-family 导致 字体文件显示不出来

比较常见的问题就是前3个问题，最后一个坑可能有些时候会碰到，这个时候我们需要：

将css文件中对应的font-family 加个 ！important,提高其作用级。

例如。将font-awesome.css中 .fa下的font 或 bootstrap.cs中类
glyphicon下的 font-family 添加 ！important 这样可以解决 4)引起的问题，当然这里要确保字体文件的

！important 在自定义（全局）font字体属性之后。

使用方法：
glyphicon————-gylphicon glyphicon-search[放大镜]
font awesome——–fa fa-book fa-2x[2倍大小的 书 ]

详细可看官网一手资料。

这里注意的是使用字体文件时我们不需要安装fonts文件夹下的字体文件，是可以正常使用。