Leaderboard

More and more websites are starting to use Font Glyphs or Font Icons. They're easy to make, easy to pick from and their incredibly light weight compared to independent images or even sprites. What are the major advantages of using Icon Fonts? They are vector, which means they can scale indefinitely without losing quality They are lightweight They are supported by every browser You can add almost any thinkable text css to them (shadows, colors, rotation, gradients) Takes fewer HTTP requests to your server = less load :3 So what are disadvantages of using Icon Fonts? Screenreaders may misinterpret fonticons, reading them out loud DUSTY OLD BROWSERS cannot render font icons. But really, who uses IE7 anymore. You can only serve font icons in a single color -or- in a gradient. No fancy multicolor rainbow awesomeness. Firefox sometimes renders icon fonts with a larger font-weight (bolder), so they may look differently on there. The top list of FREE icon Fonts Foundation 3 - 283 beautiful icons with rounded corners Font Awesome - 439 icons in a constantly updated icon font Google Material Icons - Over 200 icons by google. IconSweets - 60 icons by YummyGum (has a paid v2) IcoMoon - 450 free beautiful icons, with editor on site if you want to pay HeyDings - 60 pretty awesome webfont icons Open Iconic - 223 icons in a lightweight and beautiful package (.woff = 12.4kb!) Sosa - 160+ icons Glyphish - 200 free icons (you must provide credit), also has a paid version of $100 for over 1500 icons Glyphicons - 470 free icons and 50 free social icons Batch - 300+ icons for use on the web and apps, now free Brankic1979 - 350 pixel perfect icons, scalable to any size IconMinia - 139 vector icons Octicons - by GitHub, usable in any of your projects So there you have it, pretty icon fonts for free, available for you to use in your projects. Most come with a handy-dandy instruction page aswell. If you have any additional icon fonts and you would like to see them back on this list, do not fear to comment down below!

Heee! So kinda new here, and getting a little active now! Thanks that there is a forum like this.. helps me and other people so much! Oh, and my name is just Mike :)

just for future reference.. Font awesome is just as the name suggests ragehost, a font, so they can be manipulated like any other font right done to the basic <font color= > html. They do however have a lot of preset arguments that can be utilized, from size to allowing custom span arguments. example.. <li><span class="fa fa-home fa-fw" style="font-size: 15px;margin-top: 6px;margin-right:4px;">&nbsp;<a href="/">Home</a></li> fa fa-home been the home icon and fa-fw meaning fixed width, non stacked <li><span class="fa fa-home fa-3x">&nbsp;<a href="/">Home</a></li> this setting a size of 3x you must have the fontawesome css linked also and the most up to date version to use the most icons that are added also. latest is 4.4.0 but they're always adding to it.. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> ips probably does this already but knowing ips, they're always behind the builds. Also be sure to refresh cache if the new icons are now showing. Animate for IPS 4 what skin is this? Animate for IPS 4 looks like it's under custom.css and he's using the :before css attribute in #ipsLayout_mainNav like below.. you can see him using the font awesome fonts by their cheats code in the content like.. #ipsLayout_mainNav a[class*="nexus_Store"]:before{ content: "\f07a" } which \f07a is the same as fa-shopping-cart full list of cheat codes is avilable at http://astronautweb.co/snippet/font-awesome/

Hello, and welcome to WebFlake, Mike!

Hey Mike! I noticed you answered one of my questions. I'd like to say thanks and welcome to WebFlake!

Thanks! I'm not sure how I didn't notice this! Thanks again @mikeeeeman and also @Institution!

Me too ;c

Hi , the title says everything about me. I like and ai apreciate very much webflake and the staff. THANK YOU VERY MUCH! Im. Alex, 20 years old, and im an alcohoolic xD (no joke).