没有前言，直接上干货！！！

pc端(线上)

iconfont链接：官网地址 技术栈：vue、uni-app

第一步：

找到自己喜欢的icon添加到购物车

点击购物车并添加到自己新建的项目里

保存到自己的项目里

找到自己刚刚添加进去的项目

查看在线链接并生成代码

点击代码链接

ctrl+A全选、ctrl+C复制

第二步：

复制到一个合适的文件夹不用动，再入口文件main.js引入

import '@/assets/iconfont/icon-online/index.css';

用法

<i class="iconfont icon-yuan_dayin"></i>

移动端(线上)

第一步：

同 pc端(线上) 第一步

第二步：

与 pc端(线上) 引入方法、用法一样，不过需要把引入字体路径前加入: https:

pc端(线下)

第一步：

同 pc端(线上) 第一步，下载压缩包

解压之后，只需要复制这四个文件

第二步：

同 pc端(线上) 第二步

移动端(线下)

第一步：

同 pc端(线下) 第一步

第二步：

需要重新配置字体路径

用法都是一样的。

好了，今天的干货分享就到这里，有疑问欢迎评论区坐一坐、聊一聊😁😁😁。