1 <section id="why" class="feature-list">
3 <div class="col-md-4 col-sm-6">
4 <h4><i class="fa fa-flag"></i> One Font, {{ icons | size }} Icons</h4>
5 In a single collection, Font Awesome is a pictographic language of web-related actions.
7 <div class="col-md-4 col-sm-6">
8 <h4><i class="fa fa-ban"></i> No JavaScript Required</h4>
9 Fewer compatibility concerns because Font Awesome doesn't require JavaScript.
11 <div class="col-md-4 col-sm-6">
12 <h4><i class="fa fa-arrows-alt"></i> Infinite Scalability</h4>
13 Scalable vector graphics means every icon looks awesome at any size.
15 <div class="col-md-4 col-sm-6">
16 <h4><i class="fa fa-microphone"></i> Free, as in Speech</h4>
17 Font Awesome is completely free for commercial use. Check out the <a href="{{ page.relative_path }}license/">license</a>.
19 <div class="col-md-4 col-sm-6">
20 <h4><i class="fa fa-pencil"></i> CSS Control</h4>
21 Easily style icon color, size, shadow, and anything that's possible with CSS.
23 <div class="col-md-4 col-sm-6">
24 <h4><i class="fa fa-eye"></i> Perfect on Retina Displays</h4>
25 Font Awesome icons are vectors, which mean they're gorgeous on high-resolution displays.
27 <div class="col-md-4 col-sm-6">
28 <h4><i class="fa fa-thumbs-o-up"></i> Made for Bootstrap</h4>
29 Designed from scratch to be fully compatible with <a href="{{ site.bootstrap.url }}">Bootstrap {{ site.bootstrap.version }}</a>.
31 <div class="col-md-4 col-sm-6">
32 <h4><i class="fa fa-desktop"></i> Desktop Friendly</h4>
33 To use on the desktop or for a complete set of vectors,
34 check out the <a href="{{ page.relative_path }}cheatsheet/">cheatsheet</a>.
36 <div class="col-md-4 col-sm-6">
37 <h4><i class="fa fa-search"></i> Screen Reader Compatible</h4>
38 Font Awesome won't trip up screen readers, unlike other icon fonts.