一、在官网选择合适的字体图标加入到项目中，然后在页面中打卡在线链接，全选复制代码

二、新建一个字体图标库样式文件(iconfont.css）,然后粘贴刚刚复制的代码

三、使用字体图标

1、首先要在app.vue文件中引入刚刚新建的字体图标库样式

2、使用图标

©著作权归作者所有：来自51CTO博客作者wx605879fdc8dae的原创作品，如需转载，请注明出处，否则将追究法律责任

更多相关文章

1. 用 Python 给微信头像加个圣诞老人（平安果）小图标
2. 如何修改Safari浏览器网页字体大小？
3. 单位em和rem区别，box-sizing定义边界，VW和VH，字体图标，定位原理
4. 210323 CSS 盒子模型 字体图标 定位
5. Dynamics CRM定制子网格添加按钮实例之一
6. Iconset：免费的 SVG 图标资源管理软件
7. 自动化测试如何比较颜色
8. 通过设置createFromIconfontCN使Vue3项目支持iconfont图标库
9. 初次安装windows系统后桌面只有回收站，如何显示其他常用桌面图标

随机推荐

1. Android快速开发框架-------afinal
2. Android(安卓)App 获取root权限后，执行she
3. 安卓开发日记--2017.10.10
4. 引用Android(安卓)Design包出现的错误
5. Android开源库集锦 + Android场景桌面(一
6. 关于android的中文文档
7. android SDK包引用了java SDK哪些包
8. Android 开发人员必须掌握的 10 个开发工
9. Android 当中的 MVP 模式（二）封装
10. Android的建议