项目优化
字体包压缩
字体包tff格式 => woff => woff2 在线tff转woff2地址
字体包 常用3500字压缩
只保留字体包中常用的 3500汉字 + 大小写字母 + 数字 (可大幅度压缩字体包)
下载Fontmin.exe;工具进行压缩 下载地址:https://ecomfe.github.io/fontmin/
下载后 在左侧输入常用文字,拖入字体包,点击导出,即可导出 tff 以及 woff格式
导出文件后可对tff再次进行 woff2压缩,达到体积最小
字体包加载逻辑
- 将字体包放入 项目打包的html中进行引入,便于在初始加载html时同步加载 字体资源,具体加载逻辑如下
- 优化后加载逻辑:用户访问 => 加载index.html => 同步加载 css/js/字体 => 呈现页面
- 常规加载逻辑: 用户访问 => 加载inde.html => 同步加载css/js => 呈现页面 => 加载字体 => 重新渲染页面字体