vue3- antd design vue 引入iconfont

---

前言

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

---

一、新建iconfont项目

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

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

安装antd design vue

npm install ant-design-vue@4.x --save

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" />