7 ms·

Font Awesome 3.0 Released - sub-setting, pixel perfect at 14px, better license

100 points by fortawesome 14y ago

aioprisan 14y ago
This is a great tool that provides a lot of great icons! We use it at taskup.com and we're glad to see that more icons are added
fortawesome 14y ago
Every icon has been redesigned from the ground up to be pixel perfect at Bootstrap's default 14px. We've partnered with icnfnt.com to allow sub-setting of the font to get just the icons you use on your site, keeping load times way down. And there's a more open license (SIL Open Font License). And there's new styles with spinners.
- jdorfman 14y ago
  Great work @fortawesome! 3.0 is now on BootstrapCDN: http://www.bootstrapcdn.com/fontawesome.html http://www.bootstrapcdn.com/fontawesome.html
  - fortawesome 14y ago
    Excellent! I'll see about adding that to the docs. Very helpful! Who do I talk to to get this updated for the next release?
    - jdorfman 14y ago
      @fortawesome just email me jdorfman at netdna dot com
dmackerman 14y ago
Great set.
Pezmc 14y ago
This looks great! I've seen it used before very well. But the animated icon's look really naff. For me (Chrome version 23), they shake all over the place as they animate, does anyone else see this?
- fortawesome 14y ago
  Yeah, that's one of the things I'm updating. Getting animations to appear the same in every browser is a pretty deep rabbit hole, and full of changing one breaks another.
duncans 14y ago
Nitpick: "subset", not "sub-set"
kmfrk 14y ago
What is a great way to constantly stay on top of changes to Font Awesome? Occasional c/p, or do some use git submodules?
- fortawesome 14y ago
  I announce all major updates on twitter: @fortaweso_me.
  - ecaron 14y ago
    Yet another great example of the problem with Twitter and not having any policy/business-plan for dealing with squatter accounts. They should, if account is unusued for 3 months, send an email saying "are you still using this" and just ask the person to login to verify they are. If that email (and multiple subsequent) aren't answered within 3 months, the person initiating the "claim unusued handle" request gets the handle.
    - ithcy2 14y ago
      Apparently they're working on it: https://support.twitter.com/articles/15362-inactive-account-policy https://support.twitter.com/articles/15362-inactive-account-...
- xmlninja 14y ago
  Submodules and symlinks are way to underestimated. Use.
xauronx 14y ago
Awesome work!
webbruce 14y ago
Hell yeah! I love font-awesome, use it for every Rails project.
Raphael 14y ago
Will the 14px perfection still look good at standard powers of 2?
- fortawesome 14y ago
  Absolutely. Actually, it looks pretty good anywhere larger than 14px, too. But multiples of 14px will render best.
lnanek2 14y ago
I've even seen Android devs using these icon fonts now. It's actually one of the easiest way to do vector icons, and they can be colored dynamically using a Shader class.
Goopplesoft 14y ago
Waiting for kickstrap now...
- adamkochanowicz 14y ago
  It's available now: http://getkickstrap.com/extras/permalink/fontawesome-30-395177/ http://getkickstrap.com/extras/permalink/fontawesome-30-3951... Read instructions carefully.
crazygringo 14y ago
Wow. Am I the only one who doesn't like the pixel-perfect alignment? I hate to rain on the parade, but the v2 icons were beautiful -- all perfectly proportioned. Absolutely fantastic. The new ones have to distort things to align to the grid, and wind up looking inconsistent and unbalanced. I'm comparing the new icons with my downloaded version of 2.0, and, for example, the "i" in the "info" icon is no longer centered. Or, now icons like "asterisk" or "ban-circle" have strokes that are too thick, while "envelope" is too skinny -- since strokes basically have to be 1px or 2px, I guess. Previously, the icons were drawn in a balanced and consistent way, and all looked good together. Now, their widths and shapes have been shoehorned into a 14px grid that frankly destroys a lot of their charm and consistency. Pixel-fitting made perfect sense when fonts weren't anti-aliased, but now that almost everyone has even subpixel hinting enabled, it's anachronistic. The FontAwesome team has done a great job with introducing new icons, but it saddens me to see what were once beautifully proportioned icons that showed excellent design taste, now take a giant step backwards. In a strange way, it reminds me of when IKEA stopped using Futura and started using Verdana a couple years ago. Excellent design being replaced by mediocre design which is more "technologically accessible"...
- mnicole 14y ago
  Oof, noticed this too. I only use them in small sizes so it isn't worth the upgrade if it's just going to make them fuzzy and thinned-out. :/
  - fortawesome 14y ago
    The updates are specifically to improve the rendering at smaller font sizes.
    - mnicole 14y ago
      Guess I'm confused then, because looking at them at the small sizes on the site itself, they have these issues.
      - 14y ago
tagliala 14y ago
imho (most of) those icons look better than glyphicons's vectorial ones in BS 3.0

100 points by fortawesome 14y ago

This is a great tool that provides a lot of great icons! We use it at taskup.com and we're glad to see that more icons are added

fortawesome 14y ago

Every icon has been redesigned from the ground up to be pixel perfect at Bootstrap's default 14px. We've partnered with icnfnt.com to allow sub-setting of the font to get just the icons you use on your site, keeping load times way down. And there's a more open license (SIL Open Font License). And there's new styles with spinners.

jdorfman 14y ago
Great work @fortawesome! 3.0 is now on BootstrapCDN: http://www.bootstrapcdn.com/fontawesome.html http://www.bootstrapcdn.com/fontawesome.html
- fortawesome 14y ago
  Excellent! I'll see about adding that to the docs. Very helpful! Who do I talk to to get this updated for the next release?
  - jdorfman 14y ago
    @fortawesome just email me jdorfman at netdna dot com

dmackerman 14y ago

Great set.

Pezmc 14y ago

This looks great! I've seen it used before very well. But the animated icon's look really naff. For me (Chrome version 23), they shake all over the place as they animate, does anyone else see this?

fortawesome 14y ago
Yeah, that's one of the things I'm updating. Getting animations to appear the same in every browser is a pretty deep rabbit hole, and full of changing one breaks another.

duncans 14y ago

Nitpick: "subset", not "sub-set"

kmfrk 14y ago

What is a great way to constantly stay on top of changes to Font Awesome? Occasional c/p, or do some use git submodules?

fortawesome 14y ago
I announce all major updates on twitter: @fortaweso_me.
- ecaron 14y ago
  Yet another great example of the problem with Twitter and not having any policy/business-plan for dealing with squatter accounts. They should, if account is unusued for 3 months, send an email saying "are you still using this" and just ask the person to login to verify they are. If that email (and multiple subsequent) aren't answered within 3 months, the person initiating the "claim unusued handle" request gets the handle.
  - ithcy2 14y ago
    Apparently they're working on it: https://support.twitter.com/articles/15362-inactive-account-policy https://support.twitter.com/articles/15362-inactive-account-...
xmlninja 14y ago
Submodules and symlinks are way to underestimated. Use.

xauronx 14y ago

Awesome work!

webbruce 14y ago

Hell yeah! I love font-awesome, use it for every Rails project.

Raphael 14y ago

Will the 14px perfection still look good at standard powers of 2?

fortawesome 14y ago
Absolutely. Actually, it looks pretty good anywhere larger than 14px, too. But multiples of 14px will render best.

lnanek2 14y ago

I've even seen Android devs using these icon fonts now. It's actually one of the easiest way to do vector icons, and they can be colored dynamically using a Shader class.

Goopplesoft 14y ago

Waiting for kickstrap now...

adamkochanowicz 14y ago
It's available now: http://getkickstrap.com/extras/permalink/fontawesome-30-395177/ http://getkickstrap.com/extras/permalink/fontawesome-30-3951... Read instructions carefully.

crazygringo 14y ago

Wow. Am I the only one who doesn't like the pixel-perfect alignment? I hate to rain on the parade, but the v2 icons were beautiful -- all perfectly proportioned. Absolutely fantastic. The new ones have to distort things to align to the grid, and wind up looking inconsistent and unbalanced. I'm comparing the new icons with my downloaded version of 2.0, and, for example, the "i" in the "info" icon is no longer centered. Or, now icons like "asterisk" or "ban-circle" have strokes that are too thick, while "envelope" is too skinny -- since strokes basically have to be 1px or 2px, I guess. Previously, the icons were drawn in a balanced and consistent way, and all looked good together. Now, their widths and shapes have been shoehorned into a 14px grid that frankly destroys a lot of their charm and consistency. Pixel-fitting made perfect sense when fonts weren't anti-aliased, but now that almost everyone has even subpixel hinting enabled, it's anachronistic. The FontAwesome team has done a great job with introducing new icons, but it saddens me to see what were once beautifully proportioned icons that showed excellent design taste, now take a giant step backwards. In a strange way, it reminds me of when IKEA stopped using Futura and started using Verdana a couple years ago. Excellent design being replaced by mediocre design which is more "technologically accessible"...

mnicole 14y ago
Oof, noticed this too. I only use them in small sizes so it isn't worth the upgrade if it's just going to make them fuzzy and thinned-out. :/
- fortawesome 14y ago
  The updates are specifically to improve the rendering at smaller font sizes.
  - mnicole 14y ago
    Guess I'm confused then, because looking at them at the small sizes on the site itself, they have these issues.
    - 14y ago

tagliala 14y ago

imho (most of) those icons look better than glyphicons's vectorial ones in BS 3.0