![font-awesome]()
Icon font is a relatively new term for web designers. Icons become so important when you design website layouts to beautify your designs as more simpler and flat designs are prevailing and design looks very boring if designer use simple text and solid colors. Therefore icons become a very important design element to spice up your design and give it a sharp and clean look. Sharp and clean look? Wait a minute. What if someone is browsing it on retina display? Yes you are right, the design will be distorted and icons will look jaggy and horrible. So what should we do now? Can we ask people stop using retina display screens? A good designer always cover all the scenarios. Browser compatibility, different screen resolutions and retina display. If you ignore anyone of these elements, you are losing a significant number of audience resulting in drop in revenue. The answer is indeed Icon fonts.
How To Use Icon Fonts
Icon fonts are used with css @font-face rules. You can define your icons just like you define your own customized fonts. There are several tools available which can convert your favorite icons to fonts. I am now going to list few icons to font conversion tools you can rely and use.
Font Awesome is a great tool developed for twitter bootstrap designs. Does not matter what the screen size is. Does not matter if user zooms in the page 4x. Icons will never be distorted. You can style the icons you want. Color them, shadow, resize and perfect for retina display. These icons are IE7 compatible which has been a nightmare for the designers
The post Icon Font! A New Shift In Iconography For Web appeared first on Creative Bumps.
