iconfont用法
我是小白，看到网上五花八门的答案，觉得有点乱，决定自己写一个，哈哈
首页
这是icon font的首页，自行搜索需要的icon
搜索结果
一、下载图片格式的icon
1、这里选择下载
下载
2、可以更改icon颜色和大小
更改图标
3、下载到本地的格式，这里有png，svg和AI
下载格式
4、下载到本地（这里下载png格式）
png格式
二、在线使用icon
1、还是搜索自己需要的icon，然后选择加入购物车
加入购物车
购物车状态
2、单击购物车（看着像购物车就说它是购物车了），选择添加至项目
添加至项目
3、我这里已经有了项目，没有的可以新建项目，然后确定
加入项目
4、单击查看在线链接
5、这里是新添加的icon,所以选择更新
更新代码
6、复制代码，放到你的项目的css中
复制代码
7、还要添加一个iconfont类，用来设置icon样式
.iconfont{
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
写入样式中
注意：如果你的url是files开头的，要为@font-face中的url添加https
file开头
添加https
8、应用
回到iconfont页面，我们要获取icon代码
获取相应图标代码
页面中的应用
<i class='iconfont'></i>
应用
效果：
效果
9、可以在iconfont类中更改icon的样式
更改样式
效果
三、下载到本地
1、跟第二是一样的，先找到自己需要的icon,然后加入购物车------添加到项目
但这里是选择下载到本地
下载到本地
2、解压
建议新建一个font文件夹，然后把下面四个字体文件放进去
解压
3、把iconfont.css放入项目中的css文件夹中
放入css文件夹中
4.在页面中引入css文件
引入
5、同样，在页面中应用
icon代码可以从demo_unicode.html中找
同样的，也可以用类名而不用icon代码
使用类
1.可以回到网页中找
2.可以在解压的项目中的demo_fontclass中找到icon相对应的类名
说得有些啰嗦，不要介意，有问题欢迎指正
