Fontmin - 极致字体压缩工具

Fontmin 是一个强大的开源字体优化工具，它可以无缝地减小字体文件的大小，从而提高网站加载速度和性能。通过智能处理字体中的字符，Fontmin 能够帮助开发者创建更轻量级且高效的字体库，对于前端开发来说是一个必不可少的工具。

技术特性

Fontmin 基于 Node.js 开发，提供了多种插件支持，包括 TTF 到 EOT、WOFF 和 SVG 的格式转换，以及 CSS 生成等功能。其核心特点是能够根据指定的文字或字符串来选择需要的字形，有效减少不必要的字符，实现字体的深度压缩。

项目支持 ES Modules，要求 Node.js v16+ 环境运行。如果需要在 CommonJS 环境下使用，可以安装 fontmin v1.x 版本。

安装与使用

安装 Fontmin 非常简单：

npm install --save fontmin

基本使用示例：

import Fontmin from 'fontmin';

const fontmin = new Fontmin()
    .src('fonts/*.ttf')
    .dest('build/fonts');

fontmin.run(function (err, files) {
    if (err) {
        throw err;
    }
    console.log(files[0]);
});

插件系统

Fontmin 提供了丰富的插件系统：

• glyph - 通过文本内容压缩 TTF 字体，仅保留需要的字符
• ttf2eot - 将 TTF 转换为 EOT 格式
• ttf2woff - 将 TTF 转换为 WOFF 格式
• ttf2woff2 - 将 TTF 转换为 WOFF2 格式
• ttf2svg - 将 TTF 转换为 SVG 格式
• css - 从 TTF 生成 CSS，常用于制作图标字体
• svg2ttf - 将 SVG 字体转换为 TTF
• svgs2ttf - 合并多个 SVG 文件为单个 TTF
• otf2ttf - 将 OTF 转换为 TTF

应用场景

Web 字体优化

在构建响应式网站时，使用 Fontmin 可以确保只加载必要的字体字符，从而显著降低页面加载时间，提升用户体验。

图标字体制作

结合 CSS 插件，Fontmin 可以将多个 SVG 图标合并成一个 TTF 文件，并生成对应的 CSS 类名，便于图标字体的管理和应用。

跨平台字体转换

无论是 OTF 到 TTF，还是 TTF 到 WOFF 或其他格式，Fontmin 都能轻松完成格式转换工作。

命令行工具

Fontmin 还提供了强大的命令行接口（CLI），方便在各种环境下快速使用：

# 全局安装
npm install -g fontmin

# 使用示例
fontmin fonts/* build
fontmin foo.ttf > foo-optimized.ttf

项目特点

1. 高效压缩 - 根据文本内容进行字形筛选，仅保留实际使用的字符
2. 多种格式转换 - 支持 TTF、EOT、WOFF、WOFF2、SVG 等多种字体格式之间的转换
3. CSS 生成 - 自动生成 CSS 样式，用于图标字体或自定义字体集成
4. 命令行工具 - 提供直观易用的命令行界面，可方便地与现有工作流程集成
5. 插件系统 - 易扩展的插件机制，满足不同场景的需求

Fontmin 是一款强大而灵活的字体管理工具，它能帮助开发者在开发过程中节省宝贵的资源，提升网站性能。如果你正在寻找一款可以简化字体处理并优化 web 性能的工具，那么 Fontmin 绝对值得尝试。