Войти
×
Меню :
icon (11)
css (147)



Blog (2049)
other (490)
php (390)
js (302)
html (153)
css (147)
php book (142)
пк (124)
html tags (63)
js tag (56)
windows (48)
js method (44)
Показать еще :
jquery (43)
php array (39)
ruweb.net (38)
text (37)
js date (33)
form html (30)
online (29)
link (26)
fonts (24)
dosite (22)
js events (22)
php file (21)
lingvo (20)
atom (20)
foto (20)
input (19)
database (19)
svg (18)
forum (18)
mysql (17)
php date (17)
hosting (17)
php time (17)
фото (16)
php img (16)
img (15)
color (15)
android (15)
info (15)
jsphp (14)
xiaomi (14)
board (14)
js url (14)
js time (14)
notepad (14)
yandex (13)
htaccess (13)
osclass (13)
знак (13)
select (13)
table (13)
download (12)
$ server (12)
php path (12)
icon (11)
html book (11)
keyboard (11)
vs code (11)
cookie (11)
css img (10)
ftp (10)
form (10)
ось (10)
js delete (10)
dw block (10)
mouse (10)
paint (10)
iframe (9)
cd (9)
hover (8)
php url (7)
ok (7)
comment (6)
search (6)
canvas (6)
js vars (6)
list (6)
hey tag (6)
нок (6)
php get (6)
click (6)
tag a (5)
value (5)
heading (5)
js id (5)
year (5)
reg.ru (5)
js math (5)
mb (5)
js file (5)
xml (5)
web (5)
console (5)
bbcode (4)
base64 (4)
word (4)
js form (4)
day (4)
week (4)
qr code (4)
news (4)
symbols (4)
ssl (4)
pages (4)
month (4)
submit (4)
vk (4)
2022 (4)
ucoz (4)
task (4)
js hash (4)
numbers (4)
games (4)
youtube (4)
js img (4)
adminka (4)
scandir (4)
php var (4)
js book (3)
units (3)
aimp (3)
folder (3)
line (3)
https (3)
js post (3)
padding (3)
рся (3)
куб (3)
file (3)
php day (3)
404 (3)
domen (3)
video (3)
ozon (3)
captcha (3)
seo (2)
counter (2)
height (2)
details (2)
prompt (2)
src (2)
akaso (2)
dns (2)
sitemap (2)
google (2)
blob (2)
rutube (2)
kfc (2)
tag hr (2)
arrows (2)
typeof (2)
cursor (1)
money (1)
replace (1)
speed (1)
нод (1)
smile (1)
opera (1)
jino (1)
втб (1)
font (1)
archive (1)
webp (1)
#html (1)
chart (1)
date (1)
name (1)
scroll (1)
header (1)

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

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

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

К примеру вот так:(Это пример , естественно, что я так не буду делать, а сделаю через файл 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>

Результат:

Не стесняемся говорить спасибо!
Всего комментариев : 0Comments+ 2.0
1000
+ =
Помочь проекту DwWeb.ru

1). Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

2). Помочь материально.

Теги:
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2026 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB Сайт работает круглосуточно 24/7.
Страница загружена за : 0.023332 секунд.