Icon fonts has a one master CSS and font files, Basically it has contain lot of iconography which you can use easily by just putting very small code snippet and also you can styling with modern with CSS3, like font-size, color, shadow effects, transition etc.
To use icon fonts, you just need to embed the icon webfont on you web app it is smaller in file size than a series of icons images, it is really flexible when you have big web project and need lots of icons with retina displays.
It has full CSS styling capability that is easy to change icon size with css properies, also you can use CSS3 advance properties, like transitions, drop shadows, gradient, animation etc. with cross browser compatibility. With icon fonts you can avoid to generate sprites and separate icon images and this will definitely save your time and efforts.
All web icon fonts are free to any commercial projects for yourself or a client. For more information on the rights of use, please see the license agreement
Yes, You can use with pseudo element by just copy and pasting css code which we provide in this page. Look at this Help Document it will help you lot.
It is really easy, In download pack you will find TTF font file which you can install it on your computer, then just copy and paste character in to your mockup and wireframe. Look at this video it will help you lot.