HTML5 LocalStorage如何优化字体子集存储以提升文字渲染效果？

本文共计780个文字，预计阅读时间需要4分钟。

LocalStorage 本身不直接参与字体的加载或文字渲染优化，它仅是一个客户端的键值对存储机制。真正影响字体加载和文字渲染的是以下策略：

为什么不能把字体文件存进 localStorage？

localStorage 只支持字符串类型，最大容量通常为 5–10 MB（因浏览器而异），但：

• 将字体文件（如 WOFF2）转为 Base64 后体积膨胀约 33%，易超限且拖慢序列化/反序列化；
• 每次页面加载都需从 localStorage 读取、解析、创建 blob URL，反而增加 JS 执行负担和内存占用；
• 浏览器已有更高效的字体缓存机制（HTTP Cache + Font Cache），重复造轮子得不偿失。