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

Результат:


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

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

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
13/04/2021 08:12
Во-первых пожалуйста!1). $new_array - был прописан оттого, что контент на сайте пишется на живых примерах. И часто…
подробнее.
Валерий :
13/04/2021 05:47
перебрал весь материал- во первых спасибоискал другое но понравился Ваш материалerror - или неточность 1. везде…
подробнее.
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.
stream :
07/04/2021 05:56
Неплохо)
подробнее.
Марат :
24/03/2021 11:01
Да что вы!? За что обижаться то?Вы тот редкий человек, который смог написать! Вы молодец!Человек, же который не…
подробнее.