哈喽，Everybody，阿里巴巴的矢量图库有多少人用过举手，哇，果然不出我所料大家都抵挡不住阿里爸爸的诱惑。赶快搬好小板凳仔细听吧。
搜索我爱的图标添加购物车，啦啦啦是免费的啦，然后在线添加至我的项目。嗯，就是下面这个样子，
Unicode Font class Sysbol三种方法，我每次都用第一种啦。1、新建一个font.css，2点击复制代码，3、粘贴。4、<i class="icon"></i>把字符编码投进去。
注意：
1 src: url('//at.alicdn.com/t/font_780852_g16a9l960ha.eot');每句之前都要添加http:,在线的啦，不填写好完整的路径页码君好为难的啦。
2、在使用中通用一个icon的类，将它的字体指定为我们之前粘贴的，（省事）
.icon{
font-famliy:"iconfont";
}
这就是基础使用，可是每处页面都要把<i class="icon"></i>内容放置到里面好辛苦，抽象公用这是写代码的福音和宗旨，如果每一个我通过伪类将字符编码添加进去就好了，每处添加类名无需关注里面的内容。我可以任意切换里面的内容到达切换字符。哇，不错不错。
.icon-search:before{
content:"\e622";
}
就是这样，这样的形式是直接插入到标签中哦，想通过伪类的方法就要把&#x用\代替。