前端字体压缩方案

前端字体压缩方案

Fontmin

Fontmin 是一个纯 JS 字体子集化方案。利用 Fontmin 可以提取 TTF 字体文件中需要用到的字符,然后转换为 TTF 文件输出,从而实现“压缩”的效果

官网地址:ecomfe.github.io/fontmin/

安装Fontmin

shell
npm install --save fontmin

创建个font.js文件

名字可以随意,主要是等会运行用

这是 fontmin 文档上的用法,还有其他用法可以去看看 GitHub 上的文档:fontmin 然后用 node 执行一下命令:

shell
复制代码node .\font.js

进阶

上述方案如果遇到大量的文字压缩的需求是很麻烦的,实际项目中我们也不可能手动把所有文字都写出来放到 ${text} 中去。接下来搞一下读取文件的功能,读取其中包含的所有字符。

const fs = require("fs")

fs.readFile("./idenx.html", (err, data) => {
  if (err) {
    console.log(err)
  }
  const mySet = new Set(data.toString()) // 去重的目的
  console.log(Array.from(mySet).join(""))
})

完整代码

以下源码来自:zhuanlan.zhihu.com/p/48318293

后言

如果你的需求量不大也可以用客户端 20240620210351 客户端下载:

网盘:https://www.123pan.com/s/IlX7jv-GSJk3.html

官网(Github): https://github.com/ecomfe/fontmin-app/releases/download/v0.2.0/Fontmin-v0.2.0-win64.zip

你真的会做笔记吗?这里有几种高效做笔记的方法!
语雀富文本写作自动部署到 Hexo

评论区

评论加载中...