1.iconfont字体图标相对于图片来说的话,iconfont字体更容易控制、更小、更快加载。
2.首先去iconfont(阿里巴巴矢量图)找到自己想要的图标,下载代码后再项目中引用这个iconfont包
3.使用iconfont字体图标
1.打开解压后的iconfont字体图标库,打开demo_index.html文件复制
和
这两段代码都要放在你的基础类里面方便iconfont的全局使用
!!注意第一段代码在使用的时候记得根据项目目录来换成你的相对路径,不然直接使用回报错
2.使用iconfont字体图标
<i class="iconfont">&#zw54b</i>
使用的元素并没有限制,推荐使用行内元素,
!使用时需要给元素加上字体图标的基础类iconfont类名,不然显示不出来字体图标,
行间的代码可以在iconfont目录下面的demo_index下面找