请问一下各位,如何使引用的第三方外部字体包在uniapp h5页面上加载不会慢。
@font-face {
font-family: "AlibabaPuHuiTi-Medium";
src: url('https://www.xx.com/font/Alibaba-PuHuiTi-Medium.ttf');
}
用户每次进入页面,页面加载都过于缓慢,这对用户体验不是很好。大概一个页面就有4种字体,一个字体包大概就10M左右,像设计都喜欢用苹方字体等。
字体包过大,尝试过字蛛压缩,但这也是对指定的文字有效。
像用户自定义的名称使用指定字体,字蛛压缩就无效了,因为用户自定义因素,不确定用户会使用哪些文字。
有什么办法能使页面加载时不会因为字体包过大而加载缓慢
cdn 的形式 试过没
或者 预加载
一般字体包 不会设计那么大的
用uni.loadFontFace
但一般不建议引入字体包,太大了,会重复加载,而且速度慢用户体验不好,刚开始会显示默认,等加载完会闪了一下
首次加载时不全部加载,只加载首页用到的,其他部分在触发事件时触发
你把包下载下来 放在项目里面用相对路径 因为uniapp 的h5项目也是一个单页面应用 字体资源会随着项目一期下载下来 只是首屏可能会加载更慢些 你试试吧!