微信小程序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'),
}
相关推荐
木易 士心4 小时前
组织架构树形选择组件使用说明(Vue3 + UniApp)
微信小程序·钉钉·notepad++
软件技术员5 小时前
微信小程序电子测宅堪墓风水罗盘
微信小程序·小程序
future_studio5 小时前
聊聊 Unity(小白专享、C# 小程序 之 播放器)
unity·小程序·c#
Q_Q5110082855 小时前
python+uniapp基于微信小程序的旅游信息系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
小Tomkk6 小时前
Rokid 开发空间小程序 实战
3d·小程序·rokid·jsar
说私域6 小时前
基于多模态AI技术的传统行业智能化升级路径研究——以开源AI大模型、AI智能名片与S2B2C商城小程序为例
人工智能·小程序·开源
2501_916007477 小时前
iOS 混淆工具链实战,多工具组合完成 IPA 混淆与加固(iOS混淆|IPA加固|无源码混淆|App 防反编译)
android·ios·小程序·https·uni-app·iphone·webview
游戏开发爱好者89 小时前
FTP 抓包分析实战,命令、被动主动模式要点、FTPS 与 SFTP 区别及真机取证流程
运维·服务器·网络·ios·小程序·uni-app·iphone
努力就够了9 小时前
微信小程序:日常零售供应系统
微信小程序·erp·接单·零售系统
说私域10 小时前
基于开源AI大模型、AI智能名片与S2B2C商城小程序的购物中心精准零售数据架构研究
人工智能·小程序·开源