iconfont

An iconfont generator, forked from webfonts-generator

• 🎉Support svg, ttf, woff, woff2, eot
• 🥊Develop with TypeScript
• ✅Pass test
• 👀Friendly preview

Install

yarn add @codpoe/iconfont

Usage

import iconfont from '@codpoe/iconfont';

(async () => {
  const result = await iconfont({
    fontName: 'helloworld',
    src: 'icons/*.svg',
    out: 'icons-output',
  });
})();

Options

| option | type | default | description | |---|---|---|---| | src | string | | required | | out | string / false | false | | | fontName | string | 'iconfont' | | | classPrefix | string | 'icon-' | | | hash | boolean | true | use hash | | types | array | ['svg', 'ttf', 'eot', 'woff', 'woff2'] | font types | | startCodepoint | number | 0xf101 | | | codepoints | object | {} | unicode start | | normalize | boolean | true | | | centerHorizontally | boolean | true | | | css | object | | css config | | html | object | | html config |

css / html config

{
  out: true, // string | boolean
  template: TEMPLATES.css / TEMPLATE.html,
  options: {},
}

About out:

• string: the output path of css / html file.
• true: the output path is the same as the fonts path.
• false: no emit css / html file.

By default, css.out is true, html.out is false.

Note

Before generating the iconfont, it's best to convert the svg icons from stroke to fill.

For example, sketch / layer / convert to outlines.