aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-06-19 12:45:57 -0700
committerMark Otto <[email protected]>2014-06-19 12:45:57 -0700
commita33f6f89301914dcca781db5f8d8b8ad5fcd54ea (patch)
tree85d3c7e61eac5049ebf96fde981fc40609dacef4
parent77ff226e3f883cd0546e79f0430e3139e232886e (diff)
parent8c1160d91bf0a7599a1b519592829dfb396fd847 (diff)
downloadbootstrap-a33f6f89301914dcca781db5f8d8b8ad5fcd54ea.tar.xz
bootstrap-a33f6f89301914dcca781db5f8d8b8ad5fcd54ea.zip
Merge pull request #13866 from BBosman/ie8fontface
Document #13863
-rw-r--r--docs/_includes/getting-started/browser-device-support.html3
-rw-r--r--docs/_includes/nav/getting-started.html1
2 files changed, 4 insertions, 0 deletions
diff --git a/docs/_includes/getting-started/browser-device-support.html b/docs/_includes/getting-started/browser-device-support.html
index 1a1236440..4140a9c22 100644
--- a/docs/_includes/getting-started/browser-device-support.html
+++ b/docs/_includes/getting-started/browser-device-support.html
@@ -106,6 +106,9 @@
<h3 id="support-ie8-box-sizing">Internet Explorer 8 and box-sizing</h3>
<p>IE8 does not fully support <code>box-sizing: border-box;</code> when combined with <code>min-width</code>, <code>max-width</code>, <code>min-height</code>, or <code>max-height</code>. For that reason, as of v3.0.1, we no longer use <code>max-width</code> on <code>.container</code>s.</p>
+ <h3 id="support-ie8-font-face">Internet Explorer 8 and @font-face</h3>
+ <p>IE8 has some issues with <code>@font-face</code> when combined with <code>:before</code>. Bootstrap uses that combination with its Glyphicons. 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/twbs/bootstrap/issues/13863">See issue #13863</a> for details.</p>
+
<h3 id="support-ie-compatibility-modes">IE Compatibility modes</h3>
<p>Bootstrap is not supported in the old Internet Explorer compatibility modes. To be sure you're using the latest rendering mode for IE, consider including the appropriate <code>&lt;meta&gt;</code> tag in your pages:</p>
{% highlight html %}
diff --git a/docs/_includes/nav/getting-started.html b/docs/_includes/nav/getting-started.html
index fae906920..54927c22a 100644
--- a/docs/_includes/nav/getting-started.html
+++ b/docs/_includes/nav/getting-started.html
@@ -44,6 +44,7 @@
<li><a href="#support-ie8-ie9">Internet Explorer 8-9</a></li>
<li><a href="#support-ie8-respondjs">IE8 and Respond.js</a></li>
<li><a href="#support-ie8-box-sizing">IE8 and box-sizing</a></li>
+ <li><a href="#support-ie8-font-face">IE8 and @font-face</a></li>
<li><a href="#support-ie-compatibility-modes">IE Compatibility modes</a></li>
<li><a href="#support-ie10-width">IE10 and Windows (Phone) 8</a></li>
<li><a href="#support-safari-percentages">Safari percent rounding</a></li>