Icon font creator

It override and customize and pre-configures icon-font-generator Easy-to-use, pre-configured cli tool to generate webfont icon kits from a bunch of .svg files

Intro

This cli utility is ment to make webfont icon sets creation from the command line really simple - It wraps and pre-configures webfonts-generator, but allows for some degree of customisation.

It also does a couple extra things such as creating a .json file containing the icons to unicode characters map, which may be later used in styles, templates, etc..

Install

It's not yet public NPM package

yarn global add https://github.com/mrnav90/icon-font-creator

Use

Quick usage

icon-font-creator my-icons/*.svg -o icon-dist

Cli params

Usage   : icon-font-creator [ svg-icons-glob ] -o [ output-dir ] [ options ]
Example : icon-font-creator src/*.svg -o dist

Options:
  -o, --out         Output icon font set files to <out> directory
  -n, --name        Name to use for generated fonts and files (Default: icons)
  -s, --silent      Do not produce output logs other than errors (Default: false)
  -f, --fontspath   Relative path to fonts directory to use in output files (Default: ./)
  -c, --css         Generate CSS file if true (Default: true)
  --csspath         CSS output path (Defaults to <out>/<name>.css)
  --cssfontsurl     CSS fonts directory url (Defaults to relative path)
  --csstp           CSS handlebars template path (Optional)
  --html            Generate HTML preview file if true (Default: true)
  --htmlpath        HTML output path (Defaults to <out>/<name>.html)
  --types           Font types - (Defaults to 'svg, ttf, woff, woff2, eot')
  --htmltp          HTML handlebars template path (Optional)
  -j, --json        Generate JSON map file if true (Default: true)
  --jsonpath        JSON output path (Defaults to <out>/<name>.json)
  -p, --prefix      CSS classname prefix for icons (Default: icon)
  -t, --tag         CSS base tag for icons (Default: i)  
  --selector        Use a selector instead of 'tag + prefix' (Default: null)
  --normalize       Normalize icons sizes (Default: false)
  --round           Setup SVG rounding (Default: 10e12)
  --descent         Offset applied to the baseline (Default: 0)
  --mono            Make font monospace (Default: false)
  --height          Fixed font height value
  --center          Center font horizontally
  --styledcomponent Generate styled component in ReactJS

License

Copyright (c) 2014 Workshape.io Ltd. - Released under the MIT license