当前位置: 首页 > Web前端 > HTML

如何使用uni-app中的iconfont文字图标

时间:2023-03-27 23:28:23 HTML

添加图标打开,https://www.iconfont.cn/网站,找到自己喜欢的图表添加到项目中下载到本地点击下载到本地复制文件iconfont.css,复制iconfont.woff,iconfont.woff2到自己的项目中,打开iconfont.css文件,我需要去编辑框将uni-app字体文件转为小于40kb的资源,并且uni-app会自动转换为base64格式uni-App本地路径图标字体支持:字体文件大于等于40kb,需要开发者自行转换,否则使用转换不生效工具https://www.giftofspeed.com/base64-encoder/打开转换工具网站,选择iconfont。转换ttf字体复制内容,返回代码效果浏览器端App端