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

32次阅读

共计 339 个字符,预计需要花费 1 分钟才能阅读完成。

增加图标

关上,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 端

正文完
 0