Show HN: Font Awesome to PNG • Hacker News Board

Re: Show HN: Font Awesome to PNG

#21

Post by af3 » Tue, May 27, 2014, 6:28 PM UTC

Does anyone know Font Awesome to tikzpicture converter?

Re: Show HN: Font Awesome to PNG

#22

Post by abimaelmartell » Tue, May 27, 2014, 6:29 PM UTC

davidcelis wrote: post #18

Hoped to find the code on GitHub, but couldn't. Any reason not to open source it? Seems like it would be an interesting codebase to take a quick look at.

https://github.com/odyniec/font-awesome-to-png/blob/master/f...

Re: Show HN: Font Awesome to PNG

#23

Post by michaelbuckbee » Tue, May 27, 2014, 6:36 PM UTC

ansimionescu wrote: post #7

I'm not much into frontend development, but AFAIU Font Awesome is a bunch of assets packed as a font [0]. Why is this is a good idea? Is it faster, smaller, more convenient, something else? 0: http://stackoverflow.com/a/15503304

Minified, Fontawesome is 21kb - which for a single HTTP request [1] the ability to use all of the icons at any size and color and have them look fantastic (for values of "fantastic" that mean no jaggies).

It's incredibly convenient not to have to generate multiple sizes of icon/pictograms for a project. Beyond even just needing multiple sizes for different uses (a list vs a header) - with the advent of high dpi mobile screens you'll also need to re-generate all of the images in @2x versions if you want the images to not look fuzzy.

Beyond that, there is now a whole ecosystem of addons that make use of the library

One of several different icon pickers: http://victor-valencia.github.io/bootstrap-iconpicker/

Leaflet Map Markers: https://github.com/lvoogdt/Leaflet.awesome-markers

1 - BootstrapCDN will even host it for you: http://www.bootstrapcdn.com/#fontawesome_tab

Re: Show HN: Font Awesome to PNG

#24

Post by coldtea » Tue, May 27, 2014, 6:37 PM UTC

mahmoudhossam wrote: post #12

fa2png is an unfortunate name for a project, really.

In what way?

  It's googlable.

  It's unique.

  It describes exactly what it does.

  And if follows a huge tradition of x2y tools (pdf2text,      etc etc).

Re: Show HN: Font Awesome to PNG

#25

Post by selectnull » Tue, May 27, 2014, 6:43 PM UTC

A friend of mine needed the same thing (font awesome as pngs) and he created a script. I helped a little bit and added a branch to work with other fonts as well. It was hacked in a day or two, after it served its purpose we didn't work on it, but if anyone finds it useful here's a link:

https://bitbucket.org/selectnull/awesome2png

Re: Show HN: Font Awesome to PNG

#26

Post by BorisMelnik » Tue, May 27, 2014, 6:47 PM UTC

very cool - I would also like to drop the name of one of my favorite (free) icon sites IconMonstr.com and they basically have new icons every week SGV/PNG.

Re: Show HN: Font Awesome to PNG

#27

Post by mnx » Tue, May 27, 2014, 7:08 PM UTC

dlsym wrote: post #11

Really nice idea! There are often situations where a tool like this can come in handy. However, maybe it is just me, but I find this writing style irritating. I find it a little bit creepy when a product starts adressing me from a first person view.

It's just a single-purpose little hack, not a product, let the author have his fun.

Re: Show HN: Font Awesome to PNG

#28

Post by antidaily » Tue, May 27, 2014, 7:08 PM UTC

Make an SVG option, please.

Re: Show HN: Font Awesome to PNG

#29

Post by cobalt » Tue, May 27, 2014, 7:13 PM UTC

sinak wrote: 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.…

I personally prefer IcoMoon which generally has a lot more options and their font builder (for custom glyphs) works much better.

Re: Show HN: Font Awesome to PNG

#30

Post by rblatz » Tue, May 27, 2014, 7:15 PM UTC

geuis wrote: post #8

sinak wrote: 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.…

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?