mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2025-02-07 10:58:22 +08:00
Removed v3 stuff, removed fixed bugs
parent
54ca42fc50
commit
d366aa8413
@ -1,8 +1,10 @@
|
|||||||
#### Some icons don't show up
|
#### Some icons don't show up
|
||||||
1. You don't have an old version of Font Awesome installed on your system (it has priority);
|
Check the following:
|
||||||
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));
|
1. You don't have an old version of Font Awesome installed on your system (it may have priority);
|
||||||
4. You are not using plugins loading older/modified versions of Font Awesome (Refers to [#1546]( https://github.com/FortAwesome/Font-Awesome/issues/1546));
|
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.
|
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?
|
#### 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
|
```html
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
```
|
```
|
||||||
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:
|
If you are using IE8, it's necessary to add the html5.js script like:
|
||||||
```css
|
```css
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
|
<script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
```
|
```
|
||||||
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)
|
Note that you may still have random issues with this browser.
|
||||||
|
|
||||||
#### 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))
|
|
||||||
|
|
||||||
|
(more info on [#954](https://github.com/FortAwesome/Font-Awesome/issues/954))
|
||||||
|
|
||||||
#### Need a blank/empty icon?
|
#### 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.
|
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
|
#### Reveal.js
|
||||||
According to your Font Awesome version, please add to your stylesheets:
|
According to your Font Awesome version, please add to your stylesheets:
|
||||||
|
|
||||||
```css
|
```css
|
||||||
/* FA 4.0.0 and newer */
|
|
||||||
.reveal .fa {
|
.reveal .fa {
|
||||||
font-family: 'FontAwesome';
|
font-family: 'FontAwesome';
|
||||||
font-style: normal;
|
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))
|
(more info on [#2131](https://github.com/FortAwesome/Font-Awesome/pull/2131))
|
||||||
|
|
||||||
|
|
||||||
### ie7-js
|
### ie7-js
|
||||||
FontAwesome is not compatible with [ie7-js](https://code.google.com/p/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))
|
(more info on [#2171](https://github.com/FortAwesome/Font-Awesome/issues/2821))
|
||||||
|
|
||||||
|
|
||||||
#### Stack icons inside Wordpress posts
|
#### Stack icons inside Wordpress posts
|
||||||
|
|
||||||
Wordpress automatically adds a `<br>` 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:
|
Wordpress automatically adds a `<br>` 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 `<br>` tag at the end of the line and this will b
|
|||||||
```
|
```
|
||||||
(more info on [#4212](https://github.com/FortAwesome/Font-Awesome/issues/4212))
|
(more info on [#4212](https://github.com/FortAwesome/Font-Awesome/issues/4212))
|
||||||
|
|
||||||
|
|
||||||
#### Get TTF/OTF fonts working in IE9+
|
#### 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.
|
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.
|
||||||
|
Loading…
x
Reference in New Issue
Block a user