文章介绍了一种将 TTF 字体转换为 WOFF2 格式以减小字体文件大小的工具。作者发现,使用 WOFF2 格式可以将字体文件大小从 7.87MB 减少到 4.08MB,显著提高了网页加载速度。文章还提供了使用该工具的详细步骤。
最近在做主题的时候把 HarmonyOS Sans 字体嵌到了里面,但是中文字包体积实在是太大,一个 HarmonyOS_Sans_SC_Regular 字体达到了 7.87M。
于是想到了通过将 ttf 格式字体转换为 woff2 格式来减少体积。
woff2 全称 Web Open Font Format 2.0,是 google 推出的一种为网络应用设计的高效字体格式,是 woff 格式的升级版。相比于 woff 格式,在保证字体质量的同时,压缩比提高了 30% 以上。
从而减小了文件大小和下载时间,提高网页加载速度。
由于优异的性能和兼容性,woff2 格式在现代网页设计中得到越来越多的应用。
找了几个在线 ttf 转 woff2 网站,但是要么不支持中文,转换后只剩下了英文字符,要么转换后的 woff2 文件比 ttf 还大。
于是百度 ttf 转 woff2 软件,结果啥都没找到,垃圾百度!只找到了 google 官方 woff2 项目的 Git。
但是问题来了,Google 只提供了未编译的源码,要使用需要自己编译成可执行文件,我懂个吉儿的编译啊!
我想既然 Google 提供了源码,总归会有大佬编译好了分享出来吧,于是继续百度,依旧毛都没找到,垃圾百度!!
于是改用 bing 搜索,然后第一页就找到了我需要的工具,垃圾百度!!!
这个工具使用还是很简单的,把需要的转换的 ttf 字体扔到工具所在文件夹,然后
woff2_compress 字体名.ttf
就可以转换完成了
woff2_decompress 字体名.woff2
则可以把 woff2 还原回 ttf
字体文件从 TTF 的 7.87M 变成了 woff2 的 4.08M,效果显著。
啥?操作太快没看明白?
那么一步一步的来
点击电脑开始菜单搜索 powershell 并打开。
复制
cd D:\woff2-compress-tools
右键自动粘贴,回车
D:\woff2-compress-tools
是你工具存放目录
复制
.\woff2_compress HarmonyOS_Sans.ttf
右键自动粘贴,回车
HarmonyOS_Sans.ttf
是你要转换的字体文件,请将字体文件放入 D:\woff2-compress-tools
。
转化完成