Fix IE7 section in Get Started page

Partially reverts ce194fb

Fixes #9923
This commit is contained in:
Geremia Taglialatela 2016-09-17 17:22:16 +02:00
parent abb4a83c43
commit fb155889d3
2 changed files with 7 additions and 7 deletions

View File

@ -250,7 +250,7 @@
</ol> </ol>
</section> </section>
<section class="need-ie7"> <section id="need-ie7">
<h2 class="page-header">Need IE7 Support?</h2> <h2 class="page-header">Need IE7 Support?</h2>
<p>Font Awesome supports IE7. If you need it, you have my condolences.</p> <p>Font Awesome supports IE7. If you need it, you have my condolences.</p>
<ol> <ol>

View File

@ -244,12 +244,12 @@ $ gem install font-awesome-sass
<div class="row"> <div class="row">
<div class="col-md-6" id="need-ie7"> <div class="col-md-6" id="need-ie7">
<h4>Need IE7 Support?</h4> <h4>Need IE7 Support?</h4>
<p>IE8 has some issues with <code>@font-face</code> when combined with <code>:before</code>. <p>
Font Awesome uses that combination. If a page is cached, and loaded without the mouse over the window If you need IE7 support, you have my condolences. Really. Font Awesome {{ site.fontawesome.version }}
(i.e. hit the refresh button or load something in an iframe) then the page gets rendered before the font loads. doesn't support IE7, but an older version does. You'll need to check out the
Hovering over the page (body) will show some of the icons and hovering over the remaining icons will show those as well. <a href="{{ page.relative_path }}3.2.1/get-started/#need-ie7">3.2.1 instructions for using IE7</a>. Then go complain to
<a href="https://github.com/FortAwesome/Font-Awesome/issues/954">See issue #954</a> for details.</p> whomever decided your project needs IE7 support.
<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>
</div> </div>
<div class="col-md-6" id="troubleshooting"> <div class="col-md-6" id="troubleshooting">