如何解决微信上微网页图标库未加载导致的乱码？

Question

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

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

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

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

Answer 1

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

Answer 2

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

Answer 3

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