cid字体 内嵌字库子集_通过子集和本地存储提高字体性能

本文介绍了如何通过字体子集化、选择后备字体和利用本地存储来提高Web字体性能。子集化可以大幅减小字体文件大小,而通过异步加载和本地存储,能在下载过程中提供良好的用户体验。同时,选择合适的后备字体可以确保内容即时可见。通过实践,可以进一步提升网站或应用的性能。
摘要由CSDN通过智能技术生成

cid字体 内嵌字库子集

最近似乎越来越受关注的一项最新技术是使用一种称为子集的方法来减小Web字体的大小,将它们编码为base64,并将其存储在本地存储中。 如果不谨慎使用Web字体,可能会对性能产生巨大影响,并且可能会阻止对网站内容的访问。

此技术将使您能够减小字体文件的大小,并将它们异步存储在本地存储中,从而在下载字体时显示后备系统字体。 这以及本地存储固有的某些功能,使您可以永久缓存字体。 这意味着它们将保留在客户端计算机上,在会话之间甚至在设备重新启动时都将保持不变。

子集字体

字体子集是可以提高Web字体性能的最重要的事情之一。 子集只不过是从字体文件中删除未使用的字符。 未使用的字符通常是来自您不使用的语言的字符,或者您的网站或应用可能不需要的特殊字符,但通常会嵌入字体文件中。 通过子集,您有可能最多将文件大小减少50%。

您可以使用Font Squirrel的Web字体生成器字体进行子集化并将base64编码为一个最终文件(请确保选择专家选项以访问自定义子设置,然后在表单的“ CSS”部分中选择“ Base64编码”)。

完成后,您将在一个样式表文件中拥有所有已压缩的Web字体,并可以在以后通过一个请求重新使用。

选择后备字体

为避免在浏览器尝试下载字体文件时让用户等待,最好向用户显示备用系统字体。 这样就可以立即访问内容(毕竟这就是它们要使用的内容)。

同步加载字体会在浏览器等待字体文件时将文本留空,并且在等待文件下载完成时用户将无法读取内容。

通过异步加载和良好的后备字体选择,用户将立即看到以后备字体显示的文本,并且在下载文件时,该字体将转换为您选择的Web字体。

您可以设置后备字体的样式,以使过渡效

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值