Рекомендуємо додати піктограми до HTML використання елемента <i> з класами CSS Font Awesome для класу стилю для стилю значка, який ви бажаєте використати, і класу назви значка з префіксом fa- для значка, який ви бажаєте використовувати. Люди, які цікавляться доступністю, можуть вибрати елемент <span> замість <i>.
Набори Font Awesome — це найпростіший спосіб додати значки Font Awesome у ваші проекти. Просто створіть новий Font Awesome Kit і додайте код для вбудовування Kit у заголовок кожного шаблону або сторінки вашого проекту, куди ви хочете додати піктограми.
Налаштування на робочому столі
- Використовуйте шрифти значків. Візьміть наші шрифти значків, щоб використовувати їх у своїх проектах у настільних програмах, таких як Figma, Sketch тощо. …
- Використовуйте файли SVG. Сідайте за кермо та їдьте так, як хочете, використовуючи наші файли SVG. …
- Оновіть попередні версії Font Awesome. Ви Font Awesome OG і використовуєте версію 5 або навіть 4?
Це так само просто, як помістити значок Font Awesome на будь-яку кнопку. Теги <i> і <span> широко використовуються для додавання значків на веб-сторінки. Щоб додати будь-які значки на веб-сторінки, потрібне посилання font-awesome у головному розділі. Піктограму font-awesome можна розмістити, використовуючи префікс fa перед назвою піктограми.
Ще раз переконайтеся, що потрібний вам значок у версії Font Awesome, яку ви посилаєтеся та використовуєте. Також переконайтеся, що ви використовуєте та посилаєтеся на правильний префікс стилю та допоміжні файли для використання значків Pro.
Щоб вставити піктограму, додати назву класу піктограм до будь-якого вбудованого елемента HTML. Елементи <i> та <span> широко використовуються для додавання піктограм. Усі значки в наведених нижче бібліотеках значків є масштабованими векторними значками, які можна налаштувати за допомогою CSS (розмір, колір, тінь тощо)