微信小程序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'),
}
相关推荐
咸虾米28 分钟前
微信云开发支付配置绑定商户号时,无法发起授权,通过工作流或云开发模版解决支付问题
微信小程序
萌萌哒草头将军3 小时前
🚀惊了,这个国产软件居然这么牛,比 uniapp 还全能❤️
微信小程序·uni-app·小程序·云开发
大叔_爱编程3 小时前
wx219基于ssm+vue+uniapp的教师管理系统小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
qq_424409194 小时前
uniapp的h5,打开的时候,标题会一闪而过应用名称,再显示当前页面的标题
微信小程序·uni-app·html5
f(me)4 小时前
如何保障企业数据的安全?软件开发中的数据安全防护措施
网络安全·小程序
换日线°5 小时前
微信小程序边框容器带三角指向
css·微信小程序
small_fox_dtt5 小时前
微信小程序转为App实践篇 FinClip
微信小程序·小程序
2401_897930065 小时前
微信小程序中大型项目开发实战指南
微信小程序·小程序
小咕聊编程6 小时前
【含文档+PPT+源码】基于微信小程序的学校体育馆操场预约系统的设计与实现
微信小程序·小程序
说私域12 小时前
开源链动2+1模式、AI智能名片与S2B2C商城小程序融合下的社交电商营销新范式
人工智能·小程序·开源·零售