Font Awesome 4.1 released

http://fortawesome.github.io/Font-Awesome/icons/

by Eduard • 12 years ago

105 45 12 years ago

fortawesome.github.io

barrkel• 12 years ago

And of course, if you don't enable custom fonts in your browser, they still show up as boxes with hex digits (in Firefox, at least).

colinramsay• 12 years ago

That's about five or six people affected by that problem then...

binaryanomaly2• 12 years ago

hehe ;)

Yetanfou3• 12 years ago

You might be surprised there. The fonts don't show up for those who use NoScript in default-deny mode (which is the suggested, and default, mode for this popular extension) either. Yes, this is solved by allowing the specific script (which?) to run for that page. I generally just leave the page as it is, showing funny characters instead of the intended icons.

TheLoneWolfling2• 12 years ago

I'm one of six, apparently.

dfan• 12 years ago

Make it six or seven.

johnchristopher2• 12 years ago

Doesn't Firefox come with custom fonts enabled by default though ? It has always been displayed correctly for me and I never had to switch anything on or off.

Could the same goal be achieved with custom fonts disabled ?

ddoolin• 12 years ago

Perhaps. I think he was implying that he turned it off manually. I don't think it can shown with custom fonts disabled, as it is an icon set as a custom font.

sergiotapia• 12 years ago

All four of you are crushed, I'm sure. ;)

TheLoneWolfling2• 12 years ago

I'm one of four, apparently.

Kudos2• 12 years ago

Do you mean if you disable custom fonts in your browser? I was under the impression that all modern browsers enabled them by default now.

jonknee• 12 years ago

Image based icons will similarly fail for people who don't enable images in their browser. In other news, this is a much faster way to load and display icons at appropriate resolutions for the 99.99% of the interest who can view fonts.

johnchristopher2• 12 years ago

http://fortawesome.github.io/Font-Awesome/icon/rebel is that really free to use (star wars rebel faction logo) ?

f0under• 12 years ago

Just happy that they have Pied Piper:

https://fortawesome.github.io/Font-Awesome/icon/pied-piper-a... https://fortawesome.github.io/Font-Awesome/icon/pied-piper/

Serow225• 12 years ago

And it's code point is 'f1a8', aka 'fellate'...

Schlaefer• 12 years ago

Imho FA doesn't need so many brand icons or subculture symbols ala Star Wars at all. These should be separated from the core.

FA was a go to because it had a great set of useful generic icons, not because it included every symbol under the sun.

nat2• 12 years ago

Still no middle finger. It's like they don't even care.

binaryanomaly2• 12 years ago

Request it: http://fortawesome.github.io/Font-Awesome/community/#request...

nat2• 12 years ago

It has been: https://github.com/FortAwesome/Font-Awesome/issues/2402

Abundnce10• 12 years ago

I was hoping to find sport icons added on this release. https://github.com/FortAwesome/Font-Awesome/issues/767

jpswade2• 12 years ago

Seriously? They still haven't got a blog icon?

[0] https://github.com/FortAwesome/Font-Awesome/issues/455

kmfrk• 12 years ago

There's quite a backlog of requested icons. The pace is definitely not for everyone, but at least the eventual product is of high quality.

This is an apt example of why we need a native +1 system for GitHub issues.

jpswade2• 12 years ago

That's all very well, but seriously a "Pied Piper" icon was more of a priority than a blog one? This I do not understand.

decentrality• 12 years ago

And no Wikipedia.

piratebroadcast• 12 years ago

Still no Ruby or Rails icons. Drupal has one though.

jameshk• 12 years ago

This has been out for a few days, and i'm happy to see the HN and Reddit icons!

bluthru• 12 years ago

This is great!

Beginner question: Is there a way to manually remove the characters from the font files that aren't used to increase speed? Or, is this hosted on a CDN by someone?

simonz05• 12 years ago

fontello.com - pick and choose the icons you need. Includes the font awesome set.

danbee2• 12 years ago

[Icomoon](http://icomoon.io) lets you assemble your own icon font and includes Font Awesome.

thatthatis3• 12 years ago

If you're ok with GPL or Paid.

thatthatis3• 12 years ago

Another option: http://fontcustom.com/

nikolaplejic• 12 years ago

The kind folks at bootstrapcdn.com host FontAwesome as well (seems like 4.1.0 is already up): http://www.bootstrapcdn.com/#fontawesome_tab

Yetanfou3• 12 years ago

These ever-growing icon fonts make me wonder whether the Chinese were on to something when they designed their logograms. With 439 icons in this font alone, it might be possible to start writing simple prose using nothing but icons. Some extra icons are clearly needed to add concepts not normally expressed in icon form (personal pronouns, etc) but those are easily designed or borrowed from logographic scripts.

micampe• 12 years ago

http://www.emojitales.com

e12e• 12 years ago

"They lived in the L.T., which according to Harv was short for Leased Territories in letters. Nell already knew the mediaglyphics for it. Harv had also taught her the sign for Enchantment, which was the name of the Territory they lived; it was a princess sprinkling golden specks onto some gray houses, which turned yellow and bright were the specs touched them." -- The Diamond Age, Neal Stephenson

I had to look it up -- I remembered the mediaglyphs as being part of the narrative in Snow Crash, not Diamond Age.

I absolutely think the Chinese "were on to something" -- it might not be commonly known, but one of the reasons for why Chinese (language) uses signs, is so that you can read text written by someone with whom you don't share a (oral) language. An efficient way to control an Empire that spans some 5-600 languages. Contrast with teaching all officials to speak and write Latin for example.

picardo• 12 years ago

Only two transportation icons have been added: automobile and cab. Where is bus, train, or the subway?

mrinterweb• 12 years ago

With font awesome, you are automatically using all of the icons however most sites likely use about 1%-5% of the total available icons. That means using font awesome is an unnecessary bloat on most sites. It would be nice if you could download each icon as a separate SVG (maybe you can, I didn't see how).

I prefer to find the SVG elements I need and base64 encode them directly into my CSS. That way you only include the assets you are using, minimize total KB and network requests. There are two tools I use to help with this:

1. https://github.com/svg/svgo (node)

2. https://gist.github.com/mrinterweb/11303706 (ruby - I wrote this one)

petecoop• 12 years ago

This is why I usually use http://fontello.com/ to just take the ones out I want, it's pretty nice

MisterBastahrd• 12 years ago

Gotta wonder if some of these new icons wouldn't have been better off split-up. Most people recognize the PDF file icon as a white box with a black outline but with a red symbol. Likewise the green W for Word.

deanclatworthy• 12 years ago

One thing to be aware of when using these fonts as I discovered on a large project today: this font won't work on windows phone 7 devices. Whilst these devices don't have much market share in the US it's quite a bit more in Europe (particularly the Nordic countries).

The reason is that wp7 doesn't support font-face. The fix is to hide the opacity of the :before pseudo selector that sets the content of the dom element. Then you still reserve the space and then set the actual element to a background of the svg for the icon.

It's a lot of work if you are using many icons but the alternative is unusable squares all over your application for WP7 users.

Font Awesome 4.1 released

Related Stories