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 多个页面使用空格隔开即可