Build an svg font dynamically using fontcustom and broccoli

Broccoli Font Custom

Generate custom svg based webfonts using Font Custom and Broccoli

Install Font Custom on your system

$ brew install fontforge ttfautohint
$ gem install fontcustom
$ sudo apt-get install fontforge ttfautohint
$ wget
$ unzip -d sfnt2woff && cd sfnt2woff && make && sudo mv sfnt2woff /usr/local/bin/
$ gem install fontcustom

Add broccoli-fontcustom to your project

npm install --save-dev broccoli-fontcustom

Add broccoloi-fontcustom to your Brocfile.js

var fontCustom = require('broccoli-fontcustom');

Configure broccoli-fontcustom with the second configuration being any command line arguments to fontcustom (minus the -- before them) if there is no parameter to the argument specify null

// 'test/icons' is relative to your current working directory 
var fontIcons = broccoli.makeTree('test/icons');
fontIcons = fontCustom(fontIcons, {
  // Output is relative to the resulting broccoli file. 
  output: 'fonts',
  // Name the font file 
  'font-name': 'Icons',
  // Disable the md5 hash being added to the end of the filenames 
  'no-hash': null,
  // Whatever templates you would like to use, by default it will generate `preview` and `css` templates 
  templates: ['css','preview'],
  // The prefix for each glyph's CSS class. Default: icon- 
  'css-prefix': 'icon',
  // Display debug information 
  debug: null

MIT - 2014 Kinvey, Inc.