如何在uni-app使用iconfont字图标
添加图标
打开，https://www.iconfont.cn/ 网站，找到自己的喜欢的图表加入到项目中
文章图片
下载本地
点击下载至本地
文章图片
拷贝文件
将iconfont.css，iconfont.woff,iconfont.woff2 复制到自己的项目中，
【如何在uni-app使用iconfont字图标】打开iconfont.css文件，我需要去编辑框框的地方
文章图片
资源转换
uni-app 字体文件小于 40kb，uni-app 会自动将其转化为 base64 格式转换工具 https://www.giftofspeed.com/base64-encoder/
uni-app 本地路径图标字体支持情况：字体文件大于等于 40kb， 需开发者自己转换，否则使用将不生效
打开转换工具网站，选择
iconfont.ttf字体进行转换
文章图片
复制内容，回到代码
文章图片
效果
浏览器端
文章图片
App端
文章图片
推荐阅读
- 如何在流量为王的时代营造你的营销格局（）
- 技术专家说|技术专家说 | 如何基于 Spark 和 Z-Order 实现企业级离线数仓降本提效（）
- vue3如何自定义js文件(插件或配置)
- 如何消除夏季“胃疲劳”（）
- 内向的人如何锻炼口才
- 大数据时代与拍卖
- 如何开发一款基于|如何开发一款基于 vite+vue3 的在线表格系统（下）
- Android开发|被面试官逼问的“Android系统启动流程”，该如何回答（（从原理分析到面试实战））
- 企业如何利用大数据改变运营模式实现商业增值
- 医院|守在医院的角落，病案编码员是谁，他们如何记录疾病与生死？