1. 使用在线链接

第一步：在我的项目中查看在线链接，生成在线链接

点击地址

第二步：新建一个css文件，将全部内容复制在此文件中，记得顶部url前面加上https: 然后在app中引入就可以了，引入方法

app.vue

<style lang="scss">
    @import '@/static/font/iconfont.css';
</style>

子组件.vue

<text class="iconfont icon-shuzhuangtu"></text>

2. 使用下载的方式

第一步：将图标库下载好放入font文件中

第二步：先cd到font文件中，运行以下命令

npm i iconfont-tools -g

iconfont-tools

运行命令时有一个前缀,例如此处用icon

第三步：app中引入，并在组件中使用

app.vue

<style lang="scss">
    @import '@/static/font/iconfont.css';
</style>

子组件.vue

<text class="icon icon-shuzhuangtu"></text>