Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

Как увеличить размер текста Font Awesome

Поддержи проект!!!

Как увеличить размер Font Awesome, на самом деле увеличить размер текста в шрифте Awesome очень просто!

Увеличить размер иконки шрифта Font Awesome можно в самой иконке, можно через файл css.

К примеру вот такsmileЭто пример , естественно, что я так не буду делать, а сделаю через файл css.)

Вариант №1 увеличение шрифта Font Awesome

 <i class="fa fa-home" aria-hidden="true" style="font-size: 20px;"></i> 

Результат:

Увеличим шрифт до 50px:

Вариант №2 через css увеличение шрифта Font Awesome

Добавим к нашим классам - новый класс example -просто для того, чтобы на всем сайте наши иконки не увеличивалась после того, как напишем эту страницу…

Стили:

i.fa.fa-home.example {

font-size: 100px;

}

Иконка шрифта - код :

<i class="fa fa-home example" aria-hidden="true"></i>

Результат:


Вас может еще заинтересовать список тем : #CSS | #FONT_AWESOME | #FONTS | #ICON |
Последняя дата редактирования : 2020-02-26 12:24
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:

Последние комментарии :
Марат :
21/10/2020 12:15
Поиск по словам... м...м... может быть... не задумывался... в принципе скрипт поиска есть, надо подумать, как это…
подробнее.
Anton :
21/10/2020 09:29
Как добавить картинку (с ПК), видео (с хостинга или ПК) ?Будет ли поиск по словам в комментариях…
подробнее.
Марат :
15/10/2020 03:29
Сегодня нам дали очередную десяточку к "ИКС" - у, теперь…
подробнее.
Марат :
15/10/2020 03:16
Здравствуйте. Первое, что на ум пришло по вашему вопросу:Найти первое повторяющееся слово и выделить…
подробнее.
Майя :
15/10/2020 11:14
Добрый день, не могли бы вы подсказать, как выделить только первое или, например , только второе одинаковое…
подробнее.