FlandreScarle7/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2025-01-13 08:40:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updated Troubleshooting (markdown)

Geremia Taglialatela 2013-10-25 01:22:52 -07:00
parent dc060c7cbf
commit 2d1017c96f
1 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
Troubleshooting.md

@ -7,22 +7,35 @@
#### Phonegap / Android (icons in Heading tags)
Icons doesn't show up in tags with `text-rendering: optimizeLegibility`. This is the fix:
Icons doesn't show up in tags with `text-rendering: optimizeLegibility`. According to your Font Awesome version, please add to your stylesheets:
```css
/* FA 3.2.1 and older */
[class^="icon-"],
[class*=" icon-"] {
text-rendering: auto;
}
/* FA 4.0.0 and newer */
.fa {
text-rendering: auto;
}
```
(more info on [#862](https://github.com/FortAwesome/Font-Awesome/pull/862))
#### Small caps
If you are using `font-variant: small-caps;` in your project, please add:
If you are using `font-variant: small-caps;`, according to your Font Awesome version, please add to your stylesheets:
```css
/* FA 3.2.1 and older */
[class^="icon-"],
[class*=" icon-"] {
[class*=" icon-"] {
font-variant: normal;
}
/* FA 4.0.0 and newer */
.fa {
font-variant: normal;
}
```
@ -31,18 +44,17 @@ If you are using `font-variant: small-caps;` in your project, please add:
#### Reveal.js
If you are using FontAwesome < 4.0.0, add the following style:
According to your Font Awesome version, please add to your stylesheets:
```css
/* FA 3.2.1 and older */
.reveal [class^="icon-"],
.reveal [class*=" icon-"] {
font-family: 'FontAwesome';
}
```
If you are using FontAwesome >= 4.0.0, add the following style:
```css
.reveal .fa-icon {
/* FA 4.0.0 and newer */
.reveal .fa {
font-family: 'FontAwesome';
}
```