FontAwesome добавляет векторные иконки, которые сразу можно настроить средствами CSS.
Font Awesome лицензирован под SIL OFL 1.1, его код — под MIT, настоящая документация — под CC BY 3.0.
Installation[]
Достоинства[]
- 2025 иконок, собранных в один шрифт
- Не требует JavaScript
- Можно масштабировать как угодно без потери качества
- Бесплатный
- Можно изменять с помощью CSS
- Подходит под ретинальные мониторы
- Сочетается с окружением
- Совместим с компьютерами
- Не конфликтует с инструментами специальных возможностей
Использование[]
Добавьте элемент <span> с одним из классов, отвечающих за стиль иконки: fa, fas, far или fab. Пример:
<span class="fa"></span> <!-- classic -->
<span class="fas"></span> <!-- solid -->
<span class="far"></span> <!-- regular -->
<span class="fab"></span> <!-- brands -->
Впишите в класс кодовое название иконки, выбрав ее из списка на сайте Font Awesome. Пример:
<span class="fa fa-user"></span>
<span class="fas fa-user"></span>
<span class="far fa-user"></span>
<span class="fab fa-google"></span>
Иконки можно стилизовать:
<span class="fas fa-camera" style="font-size:30px;color:green"></span>
Список изменений[]
| Version | Icons | Update Date | Updated by |
|---|---|---|---|
| 6.4.2 | 2 025 | September 4, 2023 | GabZonY |
| 5.15.4 | 1 608 | September 13, 2021 | Jose Buelvas |
| 4.7.0 | 675 | May 11, 2017 | DarthKitty |
| 4.6.3 | 634 | October 6, 2016 | DarthKitty |
| 4.5.0 | 605 | December 14, 2015 | Jose Buelvas |
| 4.4.0 | 585 | July 31, 2015 | Jose Buelvas |
| 4.3.0 | 519 | February 10, 2015 | Jose Buelvas |
| 4.2.0 | 479 | September 4, 2014 | Jose Buelvas |
| 4.1.0 | 439 | May 15, 2014 | Jose Buelvas |
| 4.0.3 | 369 | May 5, 2014 | Jose Buelvas |
See also[]
- https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use - документация Font Awesome 5
- https://mediawiki.org/wiki/Extension:FontAwesome - расширение MediaWiki