Swrve Icon Fonts


0.0.54 years ago4 years agoMinified + gzip package size for @swrve/icon-fonts in KB


Font Icon Generator

Why ?

This is a temporary (and very basic) solution to generate our own font icon. The script is using webfonts-generator, it takes all the SVG's file in the svg folder and generate font files alongside a CSS file.

  • .css
  • .eot
  • .svg
  • .ttf
  • .woff
  • .woff2

The goal is to use webfonts-generator as a webpack plugin, so we can automate the building of the font icon easily.

Note from MAP : I didn't manage to implement webfonts-loader with our current webpack config because the plugin extract-text-webpack-plugin hasn't been updated for Webpack 4. There are workaround and other solution, but it need some times that I didn't have at that time to investigate more.

How to use

Add any svg icons in the src folder and run the command :

node icon-font.js

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.