微信小程序iconfont真机渲染失败

解决方法:

1.将下载的.woff文件在transfonter转为base64,

2.打开网站,导入文件,开启base64按钮,下载转换后的文件

3. 在下载解压后的文件夹中找到stylesheet.css,并复制其中的base64

4. 修改index.wxss文件,将url中的本地地址替换为base64

css 复制代码
@font-face {
	font-family: "iconfont";
	src: url('本地地址') format('woff'),
}
相关推荐
鸭鸭梨吖2 小时前
微信小程序---下拉框
微信小程序·小程序
CRMEB定制开发3 小时前
CRMEB Pro版前端环境配置指南
前端·微信小程序·uni-app·商城源码·微信商城·crmeb
mon_star°5 小时前
搭建一款结合传统黄历功能的日历小程序
微信·微信小程序·小程序·微信公众平台
The_era_achievs_hero5 小时前
微信小程序91~100
微信小程序·小程序
假装我不帅5 小时前
微信小程序下拉加载更多实现
微信小程序·小程序
高压锅_12205 小时前
Cursor+Coze+微信小程序实战: AI春联生成器
人工智能·微信小程序·notepad++
2301_805962936 小时前
微信小程序控制空调之微信小程序篇
微信小程序·小程序
Ama_tor11 小时前
mini-program01の系统认识微信小程序开发
微信小程序·小程序
毛毛三由21 小时前
基于svga+uniapp的微信小程序动画组件开发指南
微信小程序·uni-app·notepad++