jvanaert / gulp-webfont

gulp-webfont

Generate custom icon webfonts from SVG files via Gulp. Copied from and inspired by grunt-webfont.

Only fontforge engine is supported

Installation

This plugin requires Gulp 3.9. Note that ttfautohint is optional, but your generated font will not be properly hinted if it's not installed. And make sure you don't use ttfautohint 0.97 because that version won't work.

OS X

brew install ttfautohint fontforge --with-python
npm install gulp-webfont --save-dev

You may need to use sudo for brew, depending on your setup.

Usage

var gulp = require('gulp');
var webfont = require('gulp-webfont');

var webfont_config = {
    types:'eot,woff2,woff,ttf,svg',
    ligatures: true
};

gulp.task('default', function () {
  return gulp.src('test/*.svg')
    .pipe(webfont(webfont_config))
    .pipe(gulp.dest('dist'));
});

gulp-webfont's Issues

ReferenceError: readCodepointsFromFile is not defined

Error generating fonts

Hey, thanks for the plugin, appreciated.

I'm struggling to get it to run however. On gulp fonts I receive an error:

17:22:13] Starting 'fonts'...
Font icons with 3 glyphs created.
[17:22:13] icons.eot
[17:22:13] icons.woff
[17:22:13] icons.ttf
events.js:160
      throw er; // Unhandled 'error' event
      ^

Error: ENOENT: no such file or directory, open '/tmp/d-11766-20220-1gyb7h8.p35drc0udi/icons.eot'
    at Error (native)

Here is my code:

var webfont_config = {
  // dest: './../public/css/fonts',
  // destCss: './../public/css/external',
  options: {
    font: 'three-d-repo',
    fontFilename: 'three-d-repo',
    htmlDemo: false
  }
}

gulp.task('fonts', function () {
  return gulp.src('./../icons/*.svg')
    .pipe(webfont(webfont_config))
    .pipe(print())
    .pipe(gulp.dest("./")))
});

Any ideas what might be wrong?

Path error on node v6

path.js:7
    throw new TypeError('Path must be a string. Received ' + inspect(path));
    ^

TypeError: Path must be a string. Received undefined
    at assertPath (path.js:7:11)
    at Object.extname (path.js:1431:5)
    at createFont (../node_modules/gulp-webfont/lib/createFont.js:183:43)
    at DestroyableTransform.endStream [as _flush] (../node_modules/gulp-webfont/index.js:35:3)

Why is the installation command wrong in README?

Are you sure?

npm install grunt-webfont --save-dev

Please fix it.

Hello, support for webpack?=)

You have a great tool.
Do you plan to support Webpack?
That would be really cool.

Thank you,

With respect,
Alexander.