使用字蛛进行字体文件的压缩。(压缩.ttf文件)

时间:2024-05-10 11:53:28



1.使用`npm install font-spider -g`命令下载安装font-spider

npm install font-spider -g --registry=https://registry.npmjs.org/
2.检查是否安装成功

font-spider --version

3.压缩字体文件

在需要压缩的字体文件目录下,新建一个.html文件。文件内容为:

<!DOCTYPE html>
<html lang="en">
<style>
    @font-face {
        font-family: HYXueJunTiJ;
        src: url("./HYXueJunTiJ.ttf") format('truetype');
        font-weight: normal;
        font-style: normal;
    }
</style>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    在此填写需要使用的字体。(按照指定的字体生成压缩后的文件)
</div>
</body>
</html>
<style>
    div{
        font-family: HYXueJunTiJ;
    }
</style>

在div中填写需要使用的字体内容。按照字体内容生成压缩文件。

将.html文件和.ttf文件放在同一级目录下

4.进行压缩

在.ttf文件夹的目录下,打开命令行。执行命令

   font-spider xxx.html

即可压缩字体文件

tip: font-spider xxx.html xxx.html 多个页面使用空格隔开即可