微信端字体图标显示不正常(不显示/显示成方框)

本文探讨了微信iOS端字体图标显示为方框的问题,分析了错误原因为iOS微信端的缓存机制,并提供了两种解决方案:一是微信登录不跳转,由后台静默完成;二是延迟跳转,确保文件下载完毕后再进行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

微信端字体图标显示不正常(不显示/显示成方框)

iOS 中微信端打开项目发现图标显示成一个个方框;切换页面也同样没显示。但是在Android端、IOS的浏览器显示正常
【借用下网上的效果】
在这里插入图片描述

一开始的思考方向

一开始怀疑是字体图标的导入出错了,所以重新导入,但是仍然没解决。因为网上也很多说字体图标文件导入顺序等等问题影响。但这并没有解决我的问题。

发现错误的原因

后来又重新思考为什么偏偏是 ios&&微信端 才出问题,意识到我的微信端为了做微信授权登录跳转了一遍地址。会不会是这一次跳转引起的。所以我决定先不跳转地址,结果真的就正常了。

出错的原理

后来翻阅资料终于找到了出错的真相,IOS的微信端,是因为缓存机制引起的。

          // 具体原因:刚进入页面会检测微信环境的话会发生一次跳转(获取微信用户信息),在未跳转前,浏览器正在下载图标文件;而跳转使得
          // 这些文件下载终止导致不完整。再跳转后想下载这些文件但因为浏览器缓存机制问题所以复用那些不完整的文件.
解決方案
  • 微信登录不跳转,右后台静默完成(推荐);
  • window.onload()方法中执行跳转,因为此时文件都下载完毕
  • 延迟跳转(在用)

最后祝福大家生活愉快

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值