关于前端压缩字体的方法

我在编写一个撰写日常的网站，需要用到自定义字体，在网上找到一ttf的字体，发现体积很大，需要进行压缩

如何压缩

目前我们的字体是.ttf字体，其实我们需要把字体转换成.woff字体

WOFF本质上是包含了基于SFNT的字体（如TrueType、OpenType或其他开放字体格式），且这些字体均经过WOFF的编码工具压缩，以便嵌入网页中。[[3]](https://zh.wikipedia.org/wiki/Web%E9%96%8B%E6%94%BE%E5%AD%97%...)WOFF 1.0使用zlib压缩，[[3]](https://zh.wikipedia.org/wiki/Web%E9%96%8B%E6%94%BE%E5%AD%97%...)文件大小一般比TTF小40%。[[11]](https://zh.wikipedia.org/wiki/Web%E9%96%8B%E6%94%BE%E5%AD%97%...)而WOFF 2.0使用Brotli压缩，文件大小比上一版小30%

CloudConvert在线字体转换

可以看下实际效果

20M 转换为 9M 大小，效果还是很明显

transfonter

这个网站https://transfonter.org/只接受转换15M以下的字体

工具压缩

先下载这个工具字体压缩工具下载，这个工具是从Google的代码编译而来，是用Cygwin编译的，Windows下可以使用

解压出来后大概包含以下几个文件

下载后打开，其中包括woff2_compress.exe和woff2_decompress.exe，使用方法很简单使用命令行：

woff2_compress myfont.ttf
woff2_decompress myfont.woff2

实测效果还不错