gulp-google-fonts

gulp-google-fonts

The complete solution for webfonts using Gulp

Uses Neon for configuration. Inspired by gulp-google-fonts-base64-css.

Downloads desired fonts from Google fonts, encodes them to base64 and saves in format specific css files. You can then decide which to serve to specific clients. Wonder how? Check out my Fontloader.

Example configuration

config.neon

fonts:
	- #Here starts font declaration
		family:	Roboto
		variants:
			- 300
			- 400
			- 700
		subsets:
			- latin
			- latin-ext
	- #Here starts font declaration
		family: Roboto Condensed
		variants:
			- 400
			- 400i
			- 700
			- 700i
		subsets:
			- latin-ext
	- #Here starts font declaration
		family: Roboto Slab
		variants:
			- 400
			- 700
		subsets:
			- latin-ext

Example gulpfile

gulpfile.js

var gulp = require('gulp');
var ggf = require('gulp-google-fonts');
gulp.task('getFonts', function () {
  return gulp.src('config.neon')
	.pipe(ggf())
	.pipe(gulp.dest('dist/fonts'));
});

##TODO

• Support more configurations, namely JSON.
• Make human readable errors.
• ?? Support svg fonts ??