字蛛（font-spider）——ttf/otf字体文件压缩

注意：
在压缩前，先获取完整的、包含大多数文字的字体文件
使用font-spider前，确保自己的电脑已经安装node环境

第一步全局安装font-spider

win+R打开CMD命令窗口或打开Windows终端，全局安装font-spider

npm install -g font-spider

查看版本号，查看自己安装是否成功

font-spider -V

第二步准备好文件夹

在项目外的地方准备一个空文件夹，空文件夹里放进一个html文件（或一个html文件和一个css文件），和完整字体文件
文件目录结构如下：

或

第三步在html和css文件中写入代码

css部分可以写在css文件中，也可以直接写在html文件内

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--link rel="stylesheet" href="./index.css"-->
    <!--style部分可以提取出来放在css文件中,使用link引入,也可以直接写在html文件内-->
    <style>
        @font-face {
            font-family: 'Pacifico-Regular';
            src: url('./.font-spider/Pacifico.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }
        .Pacifico-Regular{
            font-family: 'Pacifico-Regular';
        }
    </style>

</head>

<body>
    <!--这里对应的是Bold的压缩包-->
    <h1 class="Pacifico-Regular">
        abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
    </h1>
</body>
</html>

第四步压缩

在html所在的目录执行命令

font-spider index.html

运行结束后，目录结构将变成：

.font-spider文件夹里放的是原来的完整的字体文件
myFont就是提取后的文件

注：如果二次使用，记得要把完整的字体文件从文件夹里提出来

字蛛（font-spider）——ttf/otf字体文件压缩

第一步 全局安装font-spider

第二步 准备好文件夹

第三步 在html和css文件中写入代码

第四步 压缩

第一步全局安装font-spider

第二步准备好文件夹

第三步在html和css文件中写入代码

第四步压缩