why.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <div id="why">
  2. <div class="row">
  3. <div class="span4">
  4. <h4><i class="icon-flag"></i> One Font, {{ icons | size }} Icons</h4>
  5. In a single collection, Font Awesome is a pictographic language of web-related actions.
  6. </div>
  7. <div class="span4">
  8. <h4><i class="icon-pencil"></i> CSS Control</h4>
  9. Easily style icon color, size, shadow, and anything that's possible with CSS.
  10. </div>
  11. <div class="span4">
  12. <h4><i class="icon-fullscreen"></i> Infinite Scalability</h4>
  13. Scalable vector graphics means every icon looks awesome at any size.
  14. </div>
  15. </div>
  16. <div class="row">
  17. <div class="span4">
  18. <h4><i class="icon-beer"></i> Free, as in Beer</h4>
  19. Font Awesome is completely free for commercial use. Check out the <a href="{{ page.relative_path }}license/">license</a>.
  20. </div>
  21. <div class="span4">
  22. <h4><i class="icon-ok"></i> IE7 Support</h4>
  23. Font Awesome supports IE7. If you need it, you have my condolences.
  24. </div>
  25. <div class="span4">
  26. <h4><i class="icon-eye-open"></i> Perfect on Retina Displays</h4>
  27. Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.
  28. </div>
  29. </div>
  30. <div class="row">
  31. <div class="span4">
  32. <h4><i class="icon-thumbs-up"></i> Made for Bootstrap</h4>
  33. Designed from scratch to be fully compatible with <a href="{{ site.bootstrap.url }}">Bootstrap {{ site.bootstrap.version }}</a>.
  34. </div>
  35. <div class="span4">
  36. <h4><i class="icon-desktop"></i> Desktop Friendly</h4>
  37. To use on the desktop or for a complete set of vectors,
  38. check out the <a href="{{ page.relative_path }}cheatsheet/">cheatsheet</a>.
  39. </div>
  40. <div class="span4">
  41. <h4><i class="icon-search"></i> Screen Reader Compatible</h4>
  42. Font Awesome won't trip up screen readers, unlike other icon fonts.
  43. </div>
  44. </div>
  45. </div>