34 lines
1.5 KiB
Markdown
34 lines
1.5 KiB
Markdown
<h1 align="center"><img src="https://img.fortawesome.com/349cfdf6/gh-logo.svg" alt="Font Awesome 5" width="50%"></h1>
|
|
|
|
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.](https://github.com/FortAwesome/Font-Awesome-Pro/issues/412)
|
|
|
|
### 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 | - | - |
|