Vue3动态引入iconfont（阿里巴巴矢量图标库）

首先登录iconfont图标库，选择需要的图标加入购物车后再添加自己的项目中如下图 ↓

QQ截图20221208152855.png

在导航栏“资源管理”处找到“我的项目”点击 “Font class” 复制代码
QQ截图20221208153139.png

最后把复制的链接添加到项目中的index.html中例如：<link rel="stylesheet" href="//at.alicdn.com/t/c/font_3816188_l2hi94w1khb.css">
QQ截图20221208153418.png

好了，在页面上试试吧~~

<template>
    <i class="iconfont icon-shouji"></i>
</template>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容