Rimuovi i caratteri non necessari dai caratteri

Questa attività gulp rimuove tutti i caratteri inutilizzati dai caratteri. Esegue una scansione ricorsiva della directory di build e inietta il suo contenuto di testo in fontmin. L'attività inoltre produce file woff2 accanto ai tipi predefiniti di eot, svg, ttf e woff. È un'ottima routine di post-elaborazione per contenere le risorse e eliminare la notifica keep request counts low and transfer sizes small nel rapporto lighthouse.

Esecuzione

gulp fontmin

Codice

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)
    })
})