Live data from Hacker News

Show HN: Font Awesome to PNG

fa2png.io

31–40 of 52 posts

Re: Show HN: Font Awesome to PNG

#32

Make an SVG option, please.

This.

From an perfectionist perspective - a font is a font, those were made for text. They're used for icons just because it's widely supported option that allows arbitrary coloring and scaling - so when one need a red 0.6cm-sized icon, they get it with a simple directive.

SVG is a graphic format that also has such possibilities while being more semantically correct by not even slightly abusing text (even though icon fonts generally use that private Unicode area).

Re: Show HN: Font Awesome to PNG

#36
If you haven't already, check out http://fontcustom.com/. Its like Font Awesome, except you drop a directory of SVGs at it and it generates a ton of fonts. The project could use help in a few areas including:

- Sprockets asset pipeline integration https://github.com/glaszig/compass-fontcustom

- A PNG sprite compiler for compatibility with IE8, Win7/8 phones, and older versions of Android.

I can't say enough good things about these projects.

Re: Show HN: Font Awesome to PNG

#37

In that one rare occasion where I had to convert a FA icon to a png file, I wrote a basic HTML page with the icon, screen captured it, and resized. This seems better.

That's potentially a really poor way of doing it; if your browser/OS does subpixel rendering the resulting PNG could look terrible on other machines.

Re: Show HN: Font Awesome to PNG

#38
post #6

Somewhat relatedly: http://fontello.com . Helps you generate your own icon fonts using a smaller selection of icons instead of using the entire Font Awesome library, which can be up to 253kB depending on your browser. There's a great gem for using it with rails [1], a cli [2] and grunt task [2]. [1] https://github.com/railslove/fontello_rails_converter [2] https://github.com/paulyoung/fontello-cli [3] https://github.…

You can also make subsets with any font on Google Fonts, using the text= parameter e.g. https://fonts.googleapis.com/css?family=Creepster&text=JAVSC...

Re: Show HN: Font Awesome to PNG

#39
post #30
post #8

Earlier quoted context omitted.

We've started using fontello recently. We use some custom svg assets in addition to the icon font sets. I wrote a ~100 line python script that manages interactions with fontello. It'll open a browser with our config file, let you make changes, then download and store the updated fontello assets mostly from the command line. I highly recommend doing something like this if you get on board the fontello train.

What does that buy you that using something like gulp-iconfont https://github.com/nfroidure/gulp-iconfont doesn't?

That project doesn't seem to integrate with Fontello at all.

Re: Show HN: Font Awesome to PNG

#40
post #6

Somewhat relatedly: http://fontello.com . Helps you generate your own icon fonts using a smaller selection of icons instead of using the entire Font Awesome library, which can be up to 253kB depending on your browser. There's a great gem for using it with rails [1], a cli [2] and grunt task [2]. [1] https://github.com/railslove/fontello_rails_converter [2] https://github.com/paulyoung/fontello-cli [3] https://github.…

Is there a similar library that can use local assets? I'd prefer to remove an external website dependency from my build process if possible.
Post reply on HN