Font Icons


Another way we can help performance when designing is using Icon Fonts. Icon fonts are essentially a font in different file formats for different operating systems and browsers and devices etc. It's not just a font that is full of characters, like letters and numbers. Instead icons that are specifically designed. 


Why Icon fonts?

The great thing about icon fonts is that they're scalable. They are a font file which can be downloaded once if you need to, you can use tons of different icons in one set or one font. Or you can pair it down to what you need. There are lots of different sites out there that offer these for instance

List of Icon websites :

One of the best things with icon fonts is that they do look really good on most devices and most browsers. They take the place of an actual image file, a raster image file like a .png or a .gif or something like that. And they can be relatively small in file size, easily changeable. You can even host your own icon fonts if you want to do that on your server. Like I mentioned, there are a lot of other places to get them. IcoMoonFont Awesome, We Love IconFonts like links provide above. 

IcoMoon or something like that because you can build your own font set. You can take the icons you want, instead of having this large font set with tons of icons you might not use. It can make for a smaller file size for download, if you build it yourself.

Font  in this tutorial we are going to cover font awesome.Font Awesome provides us with Scalable Vector Icons. They are easy to install, and customizable as well. You may change size, color, drop shadow and many more styles of the icons with ease.