Iconion
Icon Font
Font Awesome, Entypo, Linecons, Typeicons
Adding color, shadows, color gradients, background, stroke, icon rotation, borders and a myriad of other features are also available at Iconion.
Icon fonts - Introduction, Importance and Generation
An http request is made to let the font work on your website and reduce page load size as these are only fonts not an image. Icon fonts also work perfectly well when it comes to responsive design. Now developers used to add Icon fonts while developing websites as it provide more flexibility and contains so many impressive features which make then to use Icon font first over images. Icons can be simply called through @font-face rule which is being supported in even Internet Explorer 4.
Font Awesome Icons Problems
Font Awesome gives us scalable vector icons which can instantly be customized size, drop shadow, color and anything that can be done with the power of CSS. Why Font Awesome does not work sometime? Problems of Font Awesome with Internet Explorer (Version 8,9) - Font Awesome not showing in IE7,8,9: Problems of Font Awesome with Mozilla Firefox - Font Awesome not loading in Firefox: Problems of Font Awesome with mobiles (iOS, Android, etc.) - Font Awesome not working with mobile (iOS, Android):
How to convert Font Awesome to png icons
Font Awesome provides a unique iconic font that is designed for Twitter bootstrap. You can optimize the various parameters of your icons with Font Awesome such as changing the font type, font size, icon size, colors, margins, shadow, width and other advanced positioning of an icon. Font Awesome Enticing Features Font Awesome is specifically designed for Boostrap which is the front-end network that helps developers to create responsive and mobile projects online.
Symbol font icon vs image icon
Embedding a symbol font is much beneficial than the CSS sprite. The file size and the caching of the symbol font is look like a CSS sprite, but it has some other benefits including high-resolution displays. In order to help in the symbol font creation, now lots of tools have been released. These tools will help you to upload any SVG file and export them as font for using in online. According to the designers, the design for an icon or logo is subtly different at different sizes.
Web font icons - exciting and disappointing web trend
Luckily for web designers and developers Icon fonts do not take this road. They can be used without any sacrifice with cross-browser support and by implementing them the CSS font properties will also benefit the designer. Some of the Benefits of Icon Fonts Not only do icon fonts have the benefits of Css font properties, and compatibility with cross-browser they also have these:
The Iconic Fonts Revolution - Pros and Cons
Ever since the advent of @font-face in CSS (supported even in Internet Explorer since version 4.), web designers have found themselves free from the constraints of specifying fallback fonts likely to appear on all operating systems. Not only has this revolutionized web-based typesetting for content and navigation, but the increasing number of web-friendly icon fonts has allowed designers to use font glyphs to replace buttons and small graphics.
Do More Than Ever With Font Awesome Icons
The icon remains a font, offering all the properties that traditional fonts do. All the separate icons within a font are loaded together.
The New Iconic Fonts to Enliven Your Icon Sets
The iconion software offers the solution for your icon designing needs with the ability to convert scalable vector icons into one of customized images and designs. With the iconion icon maker you can customize the font size, gradient, color and shadows of your cool icons giving you more room to create a font and icon design that will suit your preferences.
Symbol and Icon fonts
When you need a simple icon to enhance a word or be simply informative, icon fonts are a great alternative. Well I just mentioned a couple of reasons but don't worry because there a lot more good ones on why you should consider using icon fonts: Icon fonts are completely scalable, in these types of icons you can simply increase the font size and they will scale without loosing quality. i.camera-icon { color: #4BCED1; font-size: 24px; }
Get Iconion
Free download for Windows and Mac!