微信小程序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'),
}
相关推荐
mon_star°2 小时前
微信答题小程序支持latex公式显示解决方案
微信·小程序
MaCa .BaKa14 小时前
38-日语学习小程序
java·vue.js·spring boot·学习·mysql·小程序·maven
HouGISer14 小时前
副业小程序YUERGS,从开发到变现
前端·小程序
橘子海全栈攻城狮17 小时前
【源码+文档+调试讲解】党员之家服务系统小程序1
java·开发语言·spring boot·后端·小程序·旅游
好好的哦17 小时前
uni-app小程序登录后…
小程序·uni-app
h_65432101 天前
微信小程序点击按钮跳转链接并显示
微信小程序·小程序
银迢迢1 天前
微信小程序的开发及问题解决
微信小程序·小程序
liyinchi19881 天前
原生微信小程序 textarea组件placeholder无法换行的问题解决办法
微信小程序·小程序
说私域2 天前
基于开源链动2+1模式AI智能名片S2B2C商城小程序的低集中度市场运营策略研究
人工智能·小程序·开源·零售
少恭写代码2 天前
duxapp 2025-03-29 更新 编译结束的复制逻辑等
react native·小程序·taro