From d366aa841353e29e531531440902a2034fb92850 Mon Sep 17 00:00:00 2001 From: tagliala Date: Tue, 16 Sep 2014 14:21:28 -0700 Subject: [PATCH] Removed v3 stuff, removed fixed bugs --- Troubleshooting.md | 68 +++++++++------------------------------------- 1 file changed, 13 insertions(+), 55 deletions(-) diff --git a/Troubleshooting.md b/Troubleshooting.md index 9cc000d..34dec12 100644 --- a/Troubleshooting.md +++ b/Troubleshooting.md @@ -1,8 +1,10 @@ #### Some icons don't show up -1. You don't have an old version of Font Awesome installed on your system (it has priority); -2. Both your `font-awesome.css` file and your `/fonts` (`/font` in 3.2.1) folders are up to date (if you are serving Font Awesome from your own server); -3. Your css link is up to date (if you are serving Font Awesome from a CDN) (Refers to [#1490](https://github.com/FortAwesome/Font-Awesome/issues/1490)); -4. You are not using plugins loading older/modified versions of Font Awesome (Refers to [#1546]( https://github.com/FortAwesome/Font-Awesome/issues/1546)); +Check the following: + +1. You don't have an old version of Font Awesome installed on your system (it may have priority); +2. If you are serving Font Awesome from your own server: both your `font-awesome.css` file and your `/fonts` folders are up to date; +3. If you are serving Font Awesome from a CDN: Your css link is up to date (Refers to [#1490](https://github.com/FortAwesome/Font-Awesome/issues/1490)); +4. You are not using plugins/extensions loading older/modified versions of Font Awesome (Refers to [#1546]( https://github.com/FortAwesome/Font-Awesome/issues/1546)); 5. You are using valid [HTML5](http://www.w3.org/TR/html5/introduction.html#a-quick-introduction-to-html) templates. #### Are you/your customers using Adblock Plus? @@ -13,87 +15,44 @@ This feature will cause some random issues with IE, so please disable it by addi ```html ``` -Refers to [#4144](https://github.com/FortAwesome/Font-Awesome/issues/4144) -#### Are you using IE8? +(more info on [#4144](https://github.com/FortAwesome/Font-Awesome/issues/4144)) + +#### Internet Explorer 8 caveats If you are using IE8, it's necessary to add the html5.js script like: ```css ``` -That work around was used even for Font-Awesome 3.2.1 homepage, but works also for Font-Awesome 4.0.3. Refers to [#2324](https://github.com/FortAwesome/Font-Awesome/issues/2324#issuecomment-42333148) - -#### Phonegap / Android (icons in Heading tags) -Icons doesn't show up in tags with `text-rendering: optimizeLegibility`. According to your Font Awesome version, please add to your stylesheets: -```css -/* FA 4.0.0 and newer */ -.fa { - text-rendering: auto; -} - -/* FA 3.2.1 and older */ -[class^="icon-"], -[class*=" icon-"] { - text-rendering: auto; -} -``` - -(more info on [#862](https://github.com/FortAwesome/Font-Awesome/pull/862)) - - -#### font-variant (Small caps) -If you are using `font-variant: small-caps;`, according to your Font Awesome version, please add to your stylesheets: - -```css -/* FA 4.0.0 and newer */ -.fa { - font-variant: normal; -} - -/* FA 3.2.1 and older */ -[class^="icon-"], -[class*=" icon-"] { - font-variant: normal; -} -``` - -(more info on [#2171](https://github.com/FortAwesome/Font-Awesome/issues/2171)) +Note that you may still have random issues with this browser. +(more info on [#954](https://github.com/FortAwesome/Font-Awesome/issues/954)) #### Need a blank/empty icon? By design, icons have not the same width, so a blank icon is pretty useless. You should use `fa-fw` if you need a placeholder. If you also need to validate a database, allow the blank value. -(more info on [#1606](https://github.com/FortAwesome/Font-Awesome/issues/1606)) +Please take a look at this fiddle: http://jsfiddle.net/tagliala/7z9b557v/ +(more info on [#1606](https://github.com/FortAwesome/Font-Awesome/issues/1606)) #### Reveal.js According to your Font Awesome version, please add to your stylesheets: ```css -/* FA 4.0.0 and newer */ .reveal .fa { font-family: 'FontAwesome'; font-style: normal; } - -/* FA 3.2.1 and older */ -.reveal [class^="icon-"], -.reveal [class*=" icon-"] { - font-family: 'FontAwesome'; - font-style: normal; -} ``` (more info on [#2131](https://github.com/FortAwesome/Font-Awesome/pull/2131)) - ### ie7-js FontAwesome is not compatible with [ie7-js](https://code.google.com/p/ie7-js/). (more info on [#2171](https://github.com/FortAwesome/Font-Awesome/issues/2821)) - #### Stack icons inside Wordpress posts Wordpress automatically adds a `
` tag at the end of the line and this will break icon stacks. Please put your html in one line or add to your stylesheet: @@ -103,7 +62,6 @@ Wordpress automatically adds a `
` tag at the end of the line and this will b ``` (more info on [#4212](https://github.com/FortAwesome/Font-Awesome/issues/4212)) - #### Get TTF/OTF fonts working in IE9+ While [some browsers](http://caniuse.com/ttf) support the TTF/OTF formats as webfonts, Internet Explorer generates an error unless the font is set to Installable Embedding mode. This behavior is reproduced when neither `.woff` nor `.eot` variants are served to IE.