</ol>
</section>
-<section class="need-ie7">
+<section id="need-ie7">
<h2 class="page-header">Need IE7 Support?</h2>
<p>Font Awesome supports IE7. If you need it, you have my condolences.</p>
<ol>
<div class="row">
<div class="col-md-6" id="need-ie7">
<h4>Need IE7 Support?</h4>
- <p>IE8 has some issues with <code>@font-face</code> when combined with <code>:before</code>.
- Font Awesome uses that combination. If a page is cached, and loaded without the mouse over the window
- (i.e. hit the refresh button or load something in an iframe) then the page gets rendered before the font loads.
- Hovering over the page (body) will show some of the icons and hovering over the remaining icons will show those as well.
- <a href="https://github.com/FortAwesome/Font-Awesome/issues/954">See issue #954</a> for details.</p>
- <p><a href="http://getbootstrap.com/getting-started/#support-ie8-font-face">Getting started - Internet Explorer 8 and @font-face</a> by <a href="http://getbootstrap.com/about/#team">Bootstrap Team</a> is licensed under <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a></p>
+ <p>
+ If you need IE7 support, you have my condolences. Really. Font Awesome {{ site.fontawesome.version }}
+ doesn't support IE7, but an older version does. You'll need to check out the
+ <a href="{{ page.relative_path }}3.2.1/get-started/#need-ie7">3.2.1 instructions for using IE7</a>. Then go complain to
+ whomever decided your project needs IE7 support.
+ </p>
</div>
<div class="col-md-6" id="troubleshooting">