微信小程序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'),
}
相关推荐
前端 贾公子12 小时前
微信原生小程序 Timeline 组件实现
小程序
青青子衿越15 小时前
微信小程序右上角分享页面找不到路径bug
微信小程序·小程序·bug
江-月*夜15 小时前
微信小程序miniprogram-ci 模块实现微信小程序的自动上传功能
ci/cd·微信小程序·小程序
00后程序员张17 小时前
Charles中文版抓包工具功能解析,提升API调试与网络性能优化
android·ios·小程序·https·uni-app·iphone·webview
说私域18 小时前
基于开源AI大模型、AI智能名片与S2B2C商城小程序的零售智能化升级路径研究
人工智能·小程序·开源
少恭写代码18 小时前
duxapop 更新 2025-05-16 新增Svg编辑器 修复Svg多个Bug
小程序·taro
九点五亿少女的梦20 小时前
uniapp开发微信小程序遇到富文本内容大小变形问题v-html
微信小程序·uni-app·html
xkxnq1 天前
微信小程序性能优化
微信小程序·小程序
JIngJaneIL1 天前
专利服务系统平台|个人专利服务系统|基于java和小程序的专利服务系统设计与实现(源码+数据库+文档)
java·数据库·小程序·论文·毕设·专利服务系统平台
2501_916013741 天前
iOS混淆工具有哪些?跨平台 App 混淆与保护的实用方案
android·ios·小程序·https·uni-app·iphone·webview