javascript - 如何解决微信上微网页图标库未加载导致的乱码?
伊谢尔伦
伊谢尔伦 2017-04-11 12:29:13
[JavaScript讨论组]

框架是vue,图标库用的是fontello,首次登录时加载网页必定是乱码

退出重新点开网页之后显示正常

考虑是图标库文件未加载完成网页先渲染了,这种情况有什么好的解决方法吗?
————————————————上面问题已经解决——————————————

项目里有一个很诡异的情况:部分手机加载网页文字也是乱码,但是后端服务传过来的字符不是,这种情况随机发生,过一段时间又会消失。
乱码的类型不是缺少图标库那种的奇怪笔画,也不是字符集设置错误的菱形方块“???”
但是目前(只是目前)这个情况有地域倾向,集中发生在浙江,这种随机性,偶然性很难让人觉得是代码有问题,各位有什么看法吗?

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(3)
高洛峰

把字体文件精简一下,抽离出来用到的字符,然后在页头就加载出来。

PHP中文网

字体文件有个很蛋疼的设定,声明时不加载,只有真正使用的时候才去加载,可以使用link标签的rel属性进行预加载<link rel="preload" href="url" as="font" type="font/ttf" crossorigin="anonymous">
不过兼容性较差,看这里
所以除了用雪碧图或者矢量图来做预加载之外,想不到别的了

高洛峰

在项目的入口文件index.html用<link>引入了fontello.css文件,解决了
因为是微信网页倒不会很受兼容性影响
其次这个问题只出现在安卓机上,iPhone貌似对文件加载方面优化的挺好

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号