脚本宝典收集整理的这篇文章主要介绍了微信小程序怎么使用icon,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小程序怎么使用icon
第一步 下载icon
第二步 转换ttf
因为小程序的wxss文件的font-face的url不接受http地址作为参数,但可以接受base64,因此需将字体文件下载后,转换为base64,然后引用
- 进入https://transfonter.org/平台
- 点击Add fonts,添加iconfont.ttf
- 勾选Base64 encode
- 点击 convert 完成转换
- 按照上图1,2,3的步骤 转换完成, 点击Download
第三步 在微信小程序中使用icon
- 解压 第二步中的文件夹找到stylesheet.css 文件
- 打开第一步中压缩包的iconfont.css,把里面圈红的部分(即fontface部分我们不需要啦)复制到stylesheet.css
- 修改后的stylesheet.css
- 在wXMl页面引入使用
完结
以上是脚本宝典为你收集整理的微信小程序怎么使用icon全部内容,希望文章能够帮你解决微信小程序怎么使用icon所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。