1.爬行本地 html 文档，分析所有 css 语句
2.记录@font-face语句声明的字体，并且记录使用该字体的 css 选择器
3.通过 css 选择器的规则查找当前 html 文档的节点，记录节点上的文本
4.找到字体文件并删除没被使用的字符
5.编码成跨平台使用的字体格式
如果没有node，请安装安装node.js（这里不做详细介绍，可自行百度）。如果已经安装请看下一步。
有vscode编辑器的可以在项目文件夹中打开终端，输入npm install font-spider -g
也可以打开Node.js command prompt如下图所示，并输入命令：npm install font-spider -g 回车执行
npm install font-spider -g
下图显示安装成功：有一点报错，不影响使用
注意：
- @font-face 中的 src 定义的 .ttf 文件必须存在，其余的格式将由工具自动生成。
- 开发阶段请使用相对路径的 CSS 与 WebFont
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> /*声明 WebFont*/ @font-face { font-family: 'YaHeiBold'; src: url('./YaHeiBold.eot'); src: url('./YaHeiBold.eot?#font-spider') format('embedded-opentype'), url('./YaHeiBold.woff2') format('woff2'), url('./YaHeiBold.woff') format('woff'), url('./YaHeiBold.ttf') format('truetype'), url('./YaHeiBold.svg') format('svg'); font-weight: normal; font-style: normal; } </style> </head> <body> </body> </html>
font-spider ./demo/*.html 页面依赖的字体将会自动压缩好，原 .ttf 字体会备份
下面是我路径：
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。