filipbartos / gulp-fonts2css

[gulp-plugin] Generating CSS files with Base64 encoded font data.

gulp-fonts2css

Intro

[gulp-plugin] Generating CSS files with Base64 encoded font data.

Input: 

fonts/MyFont-400-italic.woff

Output: 

@font-face {
  font-family: "MyFont";
  font-weight: 400;
  font-style: italic;
  src: url("data:application/font-woff;base64,<<<base64 will be here>>>") format("woff");
}

Example usage

var gulp = require('gulp'),
    fonts2css = require('gulp-fonts2css');

gulp.task('fonts2css', function () {
  return gulp.src('./fonts/*.woff')
    .pipe(fonts2css({
      filename: 'myfont' // optional, default = 'fonts', result will be myfont-400.css
    }))
    .pipe(gulp.dest('dist'));
});