如何解决网站加载本地个性字体耗时太久?

问题困惑如题。

设计网站,用到了个性字体,比如:下面这三种字体,所以网上下载,本地导入。

https://img1.mukewang.com/5c9b25920001b90405830168.jpg

可是却导致每次加载网页,加载字体耗时太久,表现的就是每次刷新页面,文字总是最后显示。

极其不好的用户体验,感受下问题,如何解?

https://img3.mukewang.com/5c9b259400019b3008000044.jpg

https://img.mukewang.com/5c9b259a000148b208000232.jpg

有只小跳蛙
浏览 1054回答 2
2回答

狐的传说

字体这个事是这样:首先,在设计阶段,设计要被告知可以用个性字体,但是最终呈现时可能不会100%被还原,用户仍有可能使用默认字体,并且加载字体所产生的白屏/差呈现时间需要计入评估;产品应被告知,页面提供字体下载所产生的版权问题需要计入评估;绕开版权有两种方法:仅写入样式但不提供下载则没有版权问题,或者使用明确的免授权可商用字体(如思源黑)。当然如果是付费拿到授权那么请忽略此条;技术上建议采用多种字体回退的方式,并且保留并指定相应的系统默认字体;优化上,应尽量减少覆盖的字重,并且有可能的话,需要压缩字体(使用工具软件剔除页面上没有用到的字体,注意这个也需要字体文件本身提供相应的编辑权限才行),可选工具有字蛛、Fontmin等。

慕雪6442864

字体文件一般设置永久缓存。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript