Magical Font

Magical Font is scalable vector icons

I proudly introduce 3Level customizable font, that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

What is 3Level?

Mostly you are using a single icon but with MagicalFont you can make a custom icon by using collection of icons of MagicalFont. You can say it a customization tool which control by css classes. Example is below:

Follow @MagicalFont

Preview: http://magicalfont.cideator.com/

Usage:

It is very simple to use, you just need to add icon class in html element after adding "mf" class like in example: < span class="mf icon-xxx" >< /span >

Icons Background (Two Level)

Add classes like "frame-xxx" and "icon-xxx" as defined in below code example. i.e: class="mf frame-*** icon-***" < span class="mf frame-xxx icon-xxx" >< /span >

Three Level Expample

For example: < span class="mf frame-xxx icon-xxx">< span class="mf icon-xxx">< /span>< /span>

Credits

Project Creator: Farhan Wazir
Contributor: XXXX
If you contribute in this project then i will give you credit. Thank you