如何使用iconfont图标库

讲解的是添加入库，用的是unicode引用
1.打开iconfont官网

2.搜索你需要的图标

-需要登录一下，才能添加入库


3.选择添加入库

-点击购物车
-添加至项目
-选择添加到那个项目（或者点击带加号图标的文件夹新建项目）
-确定

4.下载代码

-打开下载的代码

-官方的demo可以删掉
5.新建font文件夹
-在你img同级新建一个font文件夹，把这四个图标文件添加到里面

-iconfont.css里面的css可以直接复制到你项目的公共样式css（或你想引用的页面的css）里面

-点击这里生成css


-路径根据你自己的来调整

6.引用图标

-复制代码粘贴到i标签中（或者其他标签）给一个.iconfont类名
input写在value里面

-我是这样写的

-颜色、大小可以自己调整，就像调整font一样

有点乱，先看吧，不懂的可以问我，（我跟你讲哦，我也不懂）

另一种用法
1.

ctrl+a全选
ctrl+c复制

2

新建iconfont.css文件

3
ctrl+v粘贴

那个页面需要icon图标就引用这个css
引用方法参考你引用自己的css

使用方式
鼠标悬浮到图标上点击复制代码

写一个标签把粘贴到class里面

如果项目新增加图标更新iconfon.css内容就可以了
把iconfont.css代码全选复制粘贴就可以了

看，新增图标下面是会变得