网易企业邮箱邮箱登录入口_外贸新手怎样用谷歌找客户_军事新闻今日最新消息_百度平台商家我的订单查询

---

前言

vue3项目中，如何引入第三方的iconfont的图标

---

一、新建iconfont项目

搜索需要的图标，加入购物车，购物车中图片加入项目

下载项目文件，打开压缩包后，将iconfont.js 文件拷贝到项目的src/assets/iconfont目录下。目录不存在需要手动创建。

import { createFromIconfontCN } from '@ant-design/icons-vue'const IconFont = createFromIconfontCN({scriptUrl: import('@/assets/iconfont/iconfont.js')
})# 实用图标
<icon-font style="font-size: 18px" type="icon-home" />