关于uni-app:如何在uniapp使用iconfont字图标

增加图标

关上,https://www.iconfont.cn/ 网站,找到本人的喜爱的图表退出到我的项目中

下载本地

点击下载至本地

拷贝文件

iconfont.cssiconfont.woff,iconfont.woff2 复制到本人的我的项目中,

关上iconfont.css文件,我须要去编辑框框的中央

资源转换

uni-app 字体文件小于 40kb,uni-app 会主动将其转化为 base64 格局
uni-app 本地门路图标字体反对状况:字体文件大于等于 40kb, 需开发者本人转换,否则应用将不失效

转换工具

https://www.giftofspeed.com/base64-encoder/

关上转换工具网站,抉择iconfont.ttf字体进行转换

复制内容,回到代码

成果

浏览器端

App端

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理