|
|
@ -36,11 +36,11 @@ This version does not include any of the FA helper classes (like `fa-spin`), and |
|
|
|
to apply the font. Simply add the icon class, like `fa-star`, to your element, and the icon will appear in |
|
|
|
to apply the font. Simply add the icon class, like `fa-star`, to your element, and the icon will appear in |
|
|
|
its `::before` pseudo-element. This behavior is similar to fonts generated by fontello. |
|
|
|
its `::before` pseudo-element. This behavior is similar to fonts generated by fontello. |
|
|
|
|
|
|
|
|
|
|
|
``` |
|
|
|
```html |
|
|
|
<i class="icon-save"></i> abusing the italic element |
|
|
|
<i class="icon-save"></i> abusing the italic element |
|
|
|
``` |
|
|
|
``` |
|
|
|
|
|
|
|
|
|
|
|
``` |
|
|
|
```html |
|
|
|
<div class="icon-save"> this works too</div> |
|
|
|
<div class="icon-save"> this works too</div> |
|
|
|
``` |
|
|
|
``` |
|
|
|
|
|
|
|
|
|
|
@ -51,7 +51,7 @@ Another way to add the icon to an element is by adding `data-icon="Ӓ"` whe |
|
|
|
code you copied from the preview HTML. This is a bit harder to use, but may be useful in some situations. You can also |
|
|
|
code you copied from the preview HTML. This is a bit harder to use, but may be useful in some situations. You can also |
|
|
|
use this method to sneak emoji or other characters into your pages as icons, but you have to html-encode them first. |
|
|
|
use this method to sneak emoji or other characters into your pages as icons, but you have to html-encode them first. |
|
|
|
|
|
|
|
|
|
|
|
``` |
|
|
|
```html |
|
|
|
<i data-icon="😀"></i> this is a grinning face emoji |
|
|
|
<i data-icon="😀"></i> this is a grinning face emoji |
|
|
|
``` |
|
|
|
``` |
|
|
|
|
|
|
|
|
|
|
|