微信小程序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'),
}
相关推荐
黑云压城After1 分钟前
小程序(物流、快递),接入GPS北斗获取路线以及当前车辆位置
小程序
万岳科技程序员小金1 小时前
互联网医院系统源码解析:如何开发智能化的电子处方小程序?
小程序·app开发·互联网医院系统源码·智慧医疗小程序·医院app
Java Fans2 小时前
微信小程序——访问服务器媒体文件的实现步骤
服务器·微信小程序·小程序
Evaporator Core5 小时前
微信小程序数据绑定与事件处理:打造动态交互体验
微信小程序·小程序·交互
流烟默17 小时前
vue和微信小程序处理markdown格式数据
前端·vue.js·微信小程序
家里有只小肥猫20 小时前
uniApp小程序保存canvas图片
前端·小程序·uni-app
低代码布道师20 小时前
性格测评小程序10生成报告
低代码·小程序
科技小E20 小时前
EasyRTC:基于WebRTC与P2P技术,开启智能硬件音视频交互的全新时代
网络·网络协议·小程序·webrtc·p2p·智能硬件·视频监控
乔冠宇1 天前
微信小程序中将图片截图为正方形(自动居中)
微信小程序·小程序·typescript·uniapp
播播资源1 天前
ChatGPT付费创作系统V3.1.3独立版 WEB端+H5端+小程序端 (DeepSeek高级通道+推理输出格式)安装教程
前端·ai·chatgpt·ai作画·小程序·deepseek·deepseek-v3