Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Generating SVG font from multiple SVG graphics in Node.js

Tags:

node.js

icons

svg

I'd like to create a Node.js app that allows users to combine a bunch of SVG icons into a custom web-font icon set. The only similar project I've found is this site which looks interesting but is pretty buggy.

Eventually I'd like this app to also output all the various cross-browser font files and the CSS to use these icons on a page using best practices. So the overal goal is to create an SVG icon framework.

But the first thing I want to get working is combining multiple SVG icons into a SVG font file. Must be possible if the above mentioned site is doing it but I'm having trouble finding any good info.

Could anyone point me in the right direction? Thanks!

Edit: I came across this service which looks very similar to my goal although I don't want to host the fonts and I'd like my service to be free (and possibly open-source as well).

like image 506
Adam Biggs Avatar asked Feb 22 '12 00:02

Adam Biggs


3 Answers

Kind of late, but if anyone else will need it, i think this will do: https://github.com/sapegin/grunt-webfont

like image 126
Ionuț Staicu Avatar answered Nov 07 '22 18:11

Ionuț Staicu


Like many of my big ideas, someone thought of it first :)

For anyone who may come across this, check out Keyamoon's font generator tool.

like image 26
Adam Biggs Avatar answered Nov 07 '22 17:11

Adam Biggs


If you want to automate things there is an NPM package called svg-font-create.

like image 30
Édouard Lopez Avatar answered Nov 07 '22 17:11

Édouard Lopez