一、安装
1、安装 node
在使用字蛛压缩字体之前,需要安装 Node.js
。下载地址如下
下载完后,一路下一步安装
安装完后,win+R
输入 node -v
,要是出现了版本号,则说明node
安装成功
2、安装字蛛
npm install font-spider -g
安装完后,win+R
输入 font-spider -v
,要是出现了版本号,则说明font-spider
安装成功。
二、压缩字体
新建一个文件夹,里面写入一个 index.html
页面,和需要压缩的字体。但是要注意字蛛只能压缩tif字体,要是需要压缩的字体不是tif
文件,则可以通过字客网下载,链接如下
index.html 内容如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>字蛛压缩字体</title>
</head>
<style>
@font-face {
font-family: 'SourceHanSansCN-Medium';
src: url('SourceHanSansCN-Medium.ttf');
}
.test{
font-family: 'SourceHanSansCN-Medium';
}
</style>
<body>
<div class="test">这是被压缩的字体文字</div>
</body>
</html>
然后使用字蛛压缩,在新建文件夹下,打开cmd
,输入如下命令
font-spider index.html
此时就压缩成功了,字体由原先的 7952KB 压缩成 49KB。生成的 .font-spider
文件夹是原字体在里面,给你保留了。
如果不想保留原字体,则在新建文件夹下,打开cmd
,输入如下命令
font-spider index.html --no-backup
文件夹下,打开cmd
,输入如下命令
font-spider index.html --no-backup