a97fbb34da
* How/When to upgrade from FA4 to FA5 #454 * Links to SVG files broken in the example files #456 * Misnamed icon names in examples #445 * Mangled HTML in the Getting Started example #442 * Bad grammar and typos #443 * fas-arrow-to-top is identical to fas-arrow-to-right #423 * Vertical alignment issues with webfont implementation #444 * Add browser compatibility tables to demo #435 * Remove MAC OS feces from builds #437 * TTF naming issues that prevent correct usage/installation #450 * Correct CSS for SVG framework stacking, was reversed from normal #452
Our $1,000,000 Kickstarter stretch goal brought our SVG Framework to all of Font Awesome 5. We are super-excited to bring this to you.
As a Pro backer your early access preview gives you access to this new framework and we need your help!
We're collecting feedback here.
SVG Framework using the JavaScript implementation
Pros:
- Most familiar (still use
<i class="fa fa-user"></i>) - Replaces icons with inline
<svg>elements for you - Includes and packages the CSS features of Font Awesome (like
.fa-spin) - Easy, automatic accessibility handling
- Support for unicode and ligatures (not complete yet)
Cons:
- You need JavaScript
- Not as performant as sprites
- DOM mutations take special handling
- Has a few moving parts
Browser support (tested using BrowserStack):
| On | Edge | IE | Chrome | Firefox | Safari | Opera | Yandex |
|---|---|---|---|---|---|---|---|
| Desktop versions | last 2 | last 2 (10, 11) | last 2 | last 2 | last 2 | last 2 | 14 |
| Mobile versions | - | - | iOS latest Android 6, 5, 4 | iOS latest Android 6, 5, 4 | iOS 9, 10 | - | - |