A Gulp plugin that generates icon font files (TTF, EOT, WOFF, WOFF2, SVG) from multiple SVG icons.
gulp-iconfont is a Gulp plugin that converts multiple SVG icon files into web-compatible icon font formats like TTF, EOT, WOFF, WOFF2, and SVG fonts. It automates the font generation pipeline by bundling several specialized conversion plugins, simplifying the process of creating icon fonts for web projects. The tool is designed to keep SVG as the source, making it easier to transition to direct SVG usage in the future.
Frontend developers and build engineers using Gulp who need to generate icon fonts for web applications, especially those supporting older browsers or requiring font-based icon systems.
Developers choose gulp-iconfont for its streamlined, all-in-one API that wraps multiple font conversion steps into a single Gulp task, reducing configuration complexity. Its emphasis on SVG as the source future-proofs projects, and its detailed SVG preparation guides ensure reliable font output.
Create icon fonts from several SVG icons
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Generates TTF, EOT, WOFF, WOFF2, and SVG font files from SVG inputs, covering all major web font formats as specified in the README's formats option.
Bundles gulp-svgicons2svgfont, gulp-svg2ttf, gulp-ttf2eot, and gulp-ttf2woff into a single API, simplifying the build process and reducing configuration complexity.
Emits glyph data events for CSS templating, enabling integration with tools like gulp-iconfont-css for automatic stylesheet creation, as highlighted in the usage section.
Provides step-by-step instructions for optimizing SVG sources from Inkscape and Illustrator, ensuring reliable font conversion and minimizing errors.
The README explicitly warns that icon fonts are being replaced by SVG icons, making this tool less future-proof for modern web development where SVG is preferred.
Requires SVG files to have a minimum height of 500 and specific preparation steps from design tools, which can be error-prone and add preprocessing overhead.
Auto-hinting via ttfautohint is experimental and requires the binary installed on the system, adding setup complexity and potential compatibility issues.
WOFF2 format is disabled by default due to reported issues, and SVG fonts are deprecated in browsers, limiting optimal modern web performance.