web端iconfont应用
援用形式：
1.unicode 援用 （不反对多色，反对按字体的形式去动静调整图标大小，色彩） 2.font-class 援用 （unicode应用形式的一种变种，语意明确，容易分辨是哪个icon，实质上还是应用的字体，所以多色图标还是不反对的） 3.symbol 援用（全新的应用形式，将来的支流，举荐用法。反对多色图标、反对像字体那样来调整款式）兼容性 unicode > font-class > symbol
形式一、unicode 援用(下载到本地)
①增加想要的图标到库，右上角购物车将图标退出到想要退出的我的项目中（或者新建的我的项目中）
②下载我的项目中图标至本地，解压下载的压缩包，将下载文件放入到static文件夹中（带demo字样的是具体配置阐明文件，不必引入）
③援用图标css文件
运行会报错文件查找失败：'./iconfont.ttf?t=1642736921417'是因为在iconfont.css外面要应用绝对路径，不能应用相对路径（举例批改如下图，须要依据本人文件所放地位批改为对应格局门路）
④在须要图标的中央应用图标，类名为iconfont，图标名称也能够通过复制间接拿到<i class="iconfont"></i>
运行后果如图:- 形式二、unicode 援用(在线链接)
①复制在线链接
②定义应用iconfont的款式并全局援用
③在须要图标的中央应用图标，类名为iconfont，图标名称也能够通过复制间接拿到<i class="iconfont"></i>
运行后果如图：- 形式三、font-class 援用
①拷贝我的项目上面生成的font-class代码
②援用图标css文件
③应用图标，筛选相应图标并获取类名，利用于页面- 形式四、symbol 援用
uniapp不反对symbol多色图标，须要应用工具iconfont-tools进行解决
①以symbol形式下载到本地
②装置iconfont-tools（windows+R，cmd关上dos窗口，装置iconfont-tools）
执行命令为：npm install -g iconfont-tools
③将下载压缩包解压，取出iconfont.js文件，将iconfont.js文件放入iconfont-tools文件夹下（iconfont-tools在node装置门路下\node_global\node_modules\内，我是将nodejs装置在F盘下）
④命令提示符执行命令：iconfont-tools，始终回车应用默认设置就好，执行结束后iconfont-tools文件夹下会生成iconfont-weapp文件夹。- 形式二、unicode 援用(在线链接)
⑤将iconfont-weapp文件夹中的iconfont-weapp-icon.css放至static动态资源文件夹下，并全局援用该css文件。
⑥依据图标理论名称应用图标，留神要带上t-icon。
应用成果如下：