three.js 字体精简处理

由于中英文字体文件太大，放在Web端，会占存储空间，影响加载数据，常见的做法就是从字体文件中抽取项目需要用到的文字，来达到精简字体文件的目的。

工具介绍

参考链接：精简ttf字体文件

Free TTF To SVG Coverter

fonts-streamline

这是nodejs模块，可以自己通过node安装。

处理步骤

下载常用中英文ttf字体

下载地址
类似的网址还有很多，大家可自行搜索。

将ttf字体转换成svg字体

使用Free TTF To SVG Coverter将ttf字体转换成svg字体。
点击Add TTF(s)，选择想要抽取的字体文件

勾选字体，选择输出目录，点击转换，成功后状态会显示为完成；失败的话，需要更换字体文件了。

得到svg格式的字体文件。

抽取svg字体文件

安装fonts-streamline

npm install -g fonts-streamline
1

用法

// fonts-streamline "精简字符集abc123" 原svg字体文件路径 存放精简字体文件路径
fonts-streamline "精简字符集abc321" C:\Users\你的用户名\Desktop\仿宋_GB2312.svg C:\Users\你的用户名\Desktop\myfont.ttf
1
2

得到抽取后的ttf字体文件

将精简后的ttf字体转换成json

在线转换链接：Facetype.js

得到json格式的字体文件，就可以直接使用啦！

使用示例

官方文档