Icon fonts have one master CSS and font files, Basically, it has contained a lot of iconographies which you can use easily by just putting a very small code snippet and also you can style with modern with CSS3, like font-size, color, shadow effects, transition, etc.
To use icon fonts, you just need to embed the icon web font on your web app it is smaller in file size than a series of icons images, it is really flexible when you have a 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 properties, 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, and licensed under MIT Licence and Open Font License. For more information on the rights of use, please see the license agreement
Yes, You can use with the pseudo element by just copy and paste 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 the TTF font file which you can install on your computer, then just copy and paste the character into your mockup and wireframe. Look at this video it will help you lot.