问题遇到的现象和发生背景
请问一下各位,如何使引用的第三方外部字体包在uniapp h5页面上加载不会慢。
问题相关代码,请勿粘贴截图
@font-face {
font-family: "AlibabaPuHuiTi-Medium";
src: url('https://www.xx.com/font/Alibaba-PuHuiTi-Medium.ttf');
}
运行结果及报错内容
用户每次进入页面,页面加载都过于缓慢,这对用户体验不是很好。大概一个页面就有4种字体,一个字体包大概就10M左右,像设计都喜欢用苹方字体等。
我的解答思路和尝试过的方法
字体包过大,尝试过字蛛压缩,但这也是对指定的文字有效。
像用户自定义的名称使用指定字体,字蛛压缩就无效了,因为用户自定义因素,不确定用户会使用哪些文字。
我想要达到的结果
有什么办法能使页面加载时不会因为字体包过大而加载缓慢