Vector Icon Integration using Font Awesome

In an ever-evolving Internet being viewed by more and more devices with different dimensions, pixel-ratios, and resolutions, its important to stay on top of the next phase. – Yes, we’re looking at you, Apple Retina display.

No longer can we afford to be throwing little images throughout our site without regards to these different factors. This is why the creation of Fontawesome and implementing vectorized icons with CSS3 @font-face is such a revolution. We’re proud to implement Fontawesome into the core of the Theme Blvd WordPress theme framework.

As a result, you can select from the following icons and use them throughout your site freely at any size or color, and feel confident they’ll look great on any device.

General Code Use:
<i class="icon-name_of_icon"></i>
<i class="icon-name_of_icon icon-large"></i>
<i class="icon-name_of_icon icon-2x"></i>
<i class="icon-name_of_icon icon-3x"></i>
<i class="icon-name_of_icon icon-4x"></i>

Example:
Replace "icon-name_of_icon" above with the css name for the icon you wish to use. Ex: "icon-thumbs-up" will give you this icon: . All icon names are listed below including additional options on the Font Awesome website.

Size Options:
Add class "icon-large", "icon-2x", "icon-3x", or "icon-4x" to increase the icon size relative to the font size of it's parent element.