Eliminar caracteres innecesarios de las fuentes

Esta tarea gulp elimina todos los caracteres no utilizados de las fuentes. Escanea recursivamente el directorio de compilación e inyecta su contenido de texto en fontmin. La tarea además produce archivos woff2 junto a los tipos predeterminados de eot, svg, ttf y woff. Es una excelente rutina de procesamiento posterior para mantener sus activos pequeños y deshacerse de la notificación keep request counts low and transfer sizes small en su informe lighthouse.

Ejecución

gulp fontmin

Código

const fontmin = require('gulp-fontmin')
const ttf2woff2 = require('gulp-ttf2woff2')

function minifyFont(text, cb) {
  gulp
    .src('source/fonts/*.ttf')
    .pipe(
      fontmin({
        text: text
      })
    )
    .pipe(ttf2woff2({ clone: true }))
    .pipe(gulp.dest('build/fonts'))
    .on('end', cb)
}

gulp.task('fontmin', function (cb) {
  let buffers = []

  gulp
    .src('build/**/*.html')
    .on('data', function (file) {
      buffers.push(file.contents)
    })
    .on('end', function () {
      let text = Buffer.concat(buffers).toString('utf-8')
      minifyFont(text, cb)
    })
})