LUCiD GRAFiX Logo

Video tutorials
YouTube RSS Feed
Search

VIDEO TUTORIAL

How to use Font Awesome Icons

*Set the video to HD for best viewing experience.
Written by Posted on January 7th, 2014 No Comments
Share This

Today we are going to learn how to use Font Awesome Icons!

So font awesome icons are inline elements that you add to the <i> tag which make adding icons easy. So there are many icon libraries but today we are going to delve in to font awesome icons.  The way they add there options is through multiple classes which allows you to change the options like size, square vs circle, make it spin and also you have a whole list of cool icons you can choose from.

How to use Font Awesome Icons

This is not the whole list but a taste.

So here is the markup from the video

and the CSS

So there you go, I believe this is enough to get you started with font awesome icons!

Here is the resources links I spoke about in the video.

Download Link ==> http://fontawesome.io/
Example Link ==>http://fontawesome.io/examples/
Cheat Sheet Link ==> http://fortawesome.github.io/Font-Awesome/cheatsheet/

Check out the Demo! Download files!

About

Hi, my name is Eric Young. I’m a web designer who has worked in the IT industry since 2000. I love blogging and making the web a better place. If I'm not here I'm probably playing Gears of War. LOL

Related Articles You Might Enjoy!

Subtle Patterns Subtle Patterns Seamless Backgrounds
CSS Specificity CSS Specificity
css3 transitions CSS3 Transitions
Leave a comment

Leave a Reply