создание и продвижение сайтов, установка систем видеонаблюдения, настройка и ремонт компьютера, беспроводная сигнализация, домофон в дом, сети и вайфай, бесплатная консультация


ru uk en

Главная » О создании сайта » Как подключить одной строкой кода иконочный шрифт, fontawesome kit
ОТСЛЕЖИВАТЬ

Как подключить одной строкой кода иконочный шрифт, fontawesome kit

Как подключить одной строкой кода иконочный шрифт fontawesome kit. Все просто, для этого нужно зарегистрироваться на сайте. Нажимаем стартануть бесплатно и вводим свой эмаил. Важно после подтверждения почты указать домен сайта где вы будите размещать иконки. Далее перейти в настройку иконок проекта с помощью одной строки кода. Простая установка в интернете,  просто возьмите одну строку кода, вставьте её в HTML-файл или файл шаблона, и всё готово для добавления иконок на ваш сайт. Пример ниже.

<script src="https://kit.fontawesome.com/ваш_идентификатор.js" crossorigin="anonymous"></script>

Куда вставлять этот код ? До закрывающегося </head> на всех страницах сайта. Далее нужно найти требуемую иконку, по желанию её можно раскрасить в нужный цвет, подобрать размер, поворот, и сделать даже анимацию. Для примера иконка тикток. По умолчанию код HTML, просто нажимаем он копируется. И вставляем в то место где хотим его видеть. 

<i class="fa-brands fa-tiktok"></i>

Сайт fontawesome на английском, при желании правой кнопкой в хроме все переводиться легко на ваш язык. Из тонкостей настроек, примерная ссылка fontawesome.com/kits/ваш_идентификатор/settings. Кроме домена если нужно изменить, другое лучше ничего не трогайте. 

2025-10-18 | 88 | О создании сайта | Гость



Вопросы гостей Помощь Благодарность сайту



Понравилась статья?
0 0