<div id="why"> <div class="row"> <div class="span4"> <h4><i class="icon-flag"></i> One font, 249 icons</h4> In a single collection, Font Awesome is a pictographic language of web-related actions. </div> <div class="span4"> <h4><i class="icon-pencil"></i> CSS control</h4> Easily style icon color, size, shadow, and anything that's possible with CSS. </div> <div class="span4"> <h4><i class="icon-fullscreen"></i> Infinite scalability</h4> Scalable vector graphics means every icon looks awesome at any size. </div> </div> <div class="row"> <div class="span4"> <h4><i class="icon-beer"></i> Free, as in Beer</h4> Font Awesome is completely free for commercial use. Check out the <a href="#license">license</a>. </div> <div class="span4"> <h4><i class="icon-ok"></i> IE7 Support</h4> Font Awesome supports IE7. If you need it, you have my condolences. </div> <div class="span4"> <h4><i class="icon-eye-open"></i> Perfect on Retina Displays</h4> Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays. </div> </div> <div class="row"> <div class="span4"> <h4><i class="icon-thumbs-up"></i> Made for Bootstrap</h4> Designed from scratch to be fully compatible with <a href="{{ site.bootstrap.url }}" target="_blank">Bootstrap {{ site.bootstrap.version }}</a>. </div> <div class="span4"> <h4><i class="icon-tint"></i> Designer Friendly</h4> Install FontAwesome.otf and <a href="design.html" target="_blank">visit the copy & paste page</a>. Happy designing. </div> <div class="span4"> <h4><i class="icon-search"></i> Screen reader compatible</h4> Font Awesome won't trip up screen readers, unlike other icon fonts. </div> </div> </div>