MyBB Community Forums

Full Version: Icon Fonts
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Posting this in the 2.0 forum since 1.8 is probably too far along for the devs to want to implement something like this.

For those of you who don't know, icon fonts are just like any other font. They can be styled with CSS, infinitely scaled, etc. The only difference is that rather than letters, they're made up of icons.

Here's a good example: http://css-tricks.com/examples/IconFont/

If this page doesn't convince you that icon fonts are a good idea, nothing will.

Here's a web app that makes it easy to pick out only the icons you need.

These can easily be used in place of tons of icons that are, as of right now, standalone images. Icon fonts have the potential to drastically improve loading times, and they also look great across all devices and screen sizes.

I believe they're supported by IE8 and up, but by the time 2.0 is released, IE8 will be irrelevant.

I don't know of any other forum software that uses icon fonts---mybb could be the first.
This looks pretty cool and with very little downsides from what I can tell. It would make it a lot easier for theme developers that's for sure. As well as users who want to customize themes for their site.
The only downside I can think of is that they're limited to one color, but since minimalism is so big these days anyway, that's almost a non-issue.
There is a variant on icomoon that offers more than one color, but I think that is paid.

I think quite a lot of theme authors/site hobbyists are already using this technique
How are icon fonts limited to one color? Icomoons maybe but you can get actual fonts and use @font-face and color for this.

http://css-tricks.com/flat-icons-icon-fonts/
(2013-04-29, 07:50 AM)keithpickering Wrote: [ -> ]The only downside I can think of is that they're limited to one color, but since minimalism is so big these days anyway, that's almost a non-issue.

Nope.

http://conor.cc/posts/icon-stacks
Oh! That's what he meant well as proven z-index ftw! Toungue
Thanks!
Little black icon (LBI) - goes with everything. Perfect for cocktail and holiday parties and class reunions. Smile
I never thought of stacking them. That's a great idea.
I've had issues with icon fonts with the Android browser http://code.google.com/p/android/issues/detail?id=25842