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

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

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

Как увеличить размер 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)

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

Последние комментарии :
Прохожий :
02/01/2021 10:44
Здравствуйте Марат!Спасибо Вам, за оперативность и развернутый ответ с примерами. И ОГРОМНОЕ спасибо, что…
подробнее.
Марат :
01/01/2021 03:30
И вас с Новым годом!Посмотрите …
подробнее.
Прохожий :
31/12/2020 03:58
А как проверить, чекнут ли чекбокс программно, то есть - другим скриптом, а не мышкой?Вот тут…
подробнее.
Марат :
03/12/2020 08:47
Давно пользуюсь данным скриптом, который написал еще при царе горохе!За десять лет изменилось то, что и при…
подробнее.
Ольга Попова :
02/12/2020 11:42
Я уж было обрадовалась, а у меня не…
подробнее.