iconfont图标的使用

例1：比如使用阿里巴巴适量图标库

打开  https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2阿里巴巴图标官网

建立项目，上传自己的图标或者在该图标库找到符合项目使用的图标，添加至购物车

将购物车中的图标添加至自己新建的项目。

选择font class

这时候有两种方式使用。

1，直接引用线上的，点击查看在线链接，复制使用。

<link rel="stylesheet" href="http://at.alicdn.com/t/font_1105636_m93rlw9ma4b.css">

   注意，使用时，加粗的iconfont 必须加，"iconfont" 是你项目下的 font-family，默认是 "iconfont"。<i class="iconfont icon-liulan"></i>   使用成功

2，使用本地的，点击下载至本地。

会有一个压缩文件，解压该文件，并完整的放在你的项目中 ，引用<link rel="stylesheet" href="iconfont/iconfont.css">根据项目路径引入，使用时，和上面的一样。