Split webfont SVG into separate SVG files
This plugins takes a webfont SVG file and it's associated CSS file and generates one SVG file per icon.
This plugin requires Grunt.
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
npm install grunt-webfont-svg-extractor --save-dev
The task will take 2 files :
And generate multiple files :
In your project's Gruntfile, add a section named
webfont_extractor to the data object passed into
Path to the original webfont.
Path to the associated CSS file.
Directory to put the generated SVG files.
Which font is is used. If none advanced options must be defined.
Those options are defined when the
preset option has been set. You only need to use them if you want to use a font that is not in the presets.
Default : 1000
Size of the generated SVG file. Usefull when you have cutom SVG icons that you want to merge in one font file (all font must have the same size).
Regexp to limit the list of CSS selectors (webfont-svg-extractor uses the CSS file to match the Unicode Private Use Area characters and find the associated classname) and the part of the classname used to generate the SVG filename.
In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.
Copyright (c) 2014 . Licensed under the MIT license.