1
npm install --global gulp-cli #全局安装gulp指令集
2
npm install gulp --save #安装gulp插件
3
npm install --save-dev gulp-fontmin

1
$ gulp -v
2
CLI version: 2.3.0
3
Local version: 4.0.2

1
var gulp = require("gulp");
2
var fontmin = require("gulp-fontmin");
3

4
function minifyFont(text, cb) {
5
  gulp
6
    .src("source/font/*.ttf") //原字体所在目录
7
    .pipe(
8
      fontmin({
9
        text: text,
10
      })
11
    )
12
    .pipe(gulp.dest("source/fontdest/")) //压缩后的输出目录
13
    .on("end", cb);
14
}
15

16
gulp.task("mini-font", (cb) => {
17
  var buffers = [];
18

19
  gulp
20
    .src(["./.deploy_git/**/*.html"]) //HTML文件所在目录请根据自身情况修改
21
    .on("data", function (file) {
22
      buffers.push(file.contents);
23
    })
24
    .on("end", function () {
25
      var text = Buffer.concat(buffers).toString("utf-8");
26
      minifyFont(text, cb);
27
    });
28
});
29

30
gulp.task("default", gulp.parallel("mini-font"));

1
@font-face {
2
  font-family: "lxk"; /* 字体名自定义即可 */
3
  src: url("/fontdest/李旭科书法1.4.ttf"); /* 字体文件路径 */
4
  font-display: swap;
5
}