Scalable Icons for your web site – Font Awesome
I am a big fan of high quality images on high resolution and retina screens. I started last year designing high quality images for the screens of high resolution and retina devices. I also include my icons with this as well. I researched designing for these types of screens and came across “scalable icons”. At first I thought I had struck gold, at least to me. I was going to enjoy the benefit of not having to create two separate icon sets for my standard and HD screens. I was really intrigued about a set of the scalable icons I had found called Font Awesome.
Font Awesome gives you scalable vector icons that can be customized through CSS. Let me stop right there and explain to you what a vector image is.
I will break this down for you “Scalable Vector Icon”
– Scalable: Is just what it saids resizable.
– Vector: The graphic or design is created by math not Pixels. Pixels is what a raster image (example: photograph) is made of. It is tiny blocks that make up the image. Once you enlarge a photo you will see that it starts to get blurry more you enlarge it. When scaling Vector images or icons, the image or icon will be recreated by a way of math for a nice and crisp clean look.
– Icon: Of course you should know what an icon is. It image representing something.