Hacker News Reader

Comment by joshstrange | Hacker News Reader

We use icon fonts on my current side project and it is wonderful to work with. We use font awesome (http://fortawesome.github.com/Font-Awesome/) which works well with (or without) twitter bootstrap.

It had greatly improved our UI and sped up development.

View on HN

As another example of Font-Awesome in production: I've incorporated Font-Awesome very heavily on my own blog, and it works very well: http://minimaxir.com

And have you seen how ugly it looks with Chrome on Windows 7? Which should be the most popular browser + most popular OS. So I disagree with you and the blog author you should use fonts as icons.

They look ugly with Chrome + if fonts are not supported they don't show anything. At least if the image is missing you see X.

It doesn't look great that's for sure, but you can still tell what the icons are i.e. it's good enough.

If you're designing things such that a missing icon causes the UI to be incomprehensible, you're probably designing it badly

Fair enough. It's a compromise.

  The urge to plug your blog resist you must.

The only reason I linked to my blog because it is directly relevant (discussion is about Font Awesome, and I've done a lot of development with it).

If there was a way to show off Font Awesome without providing a link to a case where I actually used it, I would. (screenshots won't be as effective since I incorporate on:hover effects.)

Of course it wasn't the reason nor was it the only one. Please. We are all adults here, we all want to piggy-back on HN traffic, but - c'mon, your blog is not a notable example of the use of Font Awesome "in production".

I think that "Hey, I did something relevant to this discussion!" is a valid reason to link to something of yours. People do it with coding projects all the time.

Sure, but in this particular case it's a triviality.

I want the 30" of my life lost for reading your comment back.

That's... awesome! We needed something custom for Trello, but I can see font awesome being super useful for getting things off the ground.

Icon fonts are so much easier to work with, I agree. That was a huge draw for us.

We use Font Awesome as well but modify/add custom icons on top of it with Glyphs (http://glyphsapp.com/).

Any one know how to fix CDN issues on Firefox for fonts like font awesome?

Two things can often be the problem here.

First, check that your server / the CDN is sending the correct MIME type for each font being served.

Secondly, the Access-Control-Origin-Header must be set to allow cross-domain resource sharing - Firefox doesn't permit cross-origin fonts by default, unlike Chrome and other browsers.

Reply on news.ycombinator.com