Skip to content

项目优化

字体包压缩

  1. 字体包tff格式 => woff => woff2 在线tff转woff2地址

  2. 字体包 常用3500字压缩

    • 只保留字体包中常用的 3500汉字 + 大小写字母 + 数字 (可大幅度压缩字体包)

    • 下载Fontmin.exe;工具进行压缩 下载地址:https://ecomfe.github.io/fontmin/

    • 下载后 在左侧输入常用文字,拖入字体包,点击导出,即可导出 tff 以及 woff格式

    • 导出文件后可对tff再次进行 woff2压缩,达到体积最小

1719539942932

字体包加载逻辑

  1. 将字体包放入 项目打包的html中进行引入,便于在初始加载html时同步加载 字体资源,具体加载逻辑如下
    • 优化后加载逻辑:用户访问 => 加载index.html => 同步加载 css/js/字体 => 呈现页面
    • 常规加载逻辑: 用户访问 => 加载inde.html => 同步加载css/js => 呈现页面 => 加载字体 => 重新渲染页面字体