Fontmin字体压缩工具提升加载速度

字体文件动辄几百 KB,尤其中文字体,压都压不动?fontmin可以帮你搞定。它会自动把用不到的字符剔除,只保留你页面里真用到的那些,字体体积一下子就瘦了好几圈。

像你在项目里用个思源黑体,整包拖进去几 MB,不压一下根本不敢上线。用fontmin,你只需要告诉它页面里用了哪些字,它就能帮你把剩下的都砍掉,输出一份小而美的字体包。

安装也挺简单,命令行一条:

npm install -g fontmin

你可以写个脚本,指定哪些字要保留。比如你页面只有“首页”、“关于”这些字,就写个文本文件保存这些内容,再交给fontmin来。

fontmin支持 TTF、WOFF2、EOT 等格式,还能配合 gulpwebpack 一起用。每次构建自动压,方便得。像这篇文章里提到的 fontmin-webpack 插件就挺适合直接集成到构建流程里。

要注意哦,字符集记得覆盖全面,不然上线之后发现字没了,就尴尬了。建议先在本地页面测试下压缩后的字体,确认没问题再放到生产环境。

如果你正在做性能优化,或者用到的字体比较多,fontmin真的是个值得一试的利器,轻量又高效,用起来也不费劲。

7z 文件大小:441.59KB