php (285)
js (155)
html (136)
html tags (61)
php function (53)
jquery (40)
edit text (37)
php array (30)
form html (29)
ruweb.net (23)
foto (22)
html attribute (22)
type of input (22)
online (20)
atom (20)
sublime text 3 (19)
forum (19)
svg (18)
Показать еще :
hosting (17)
board (17)
css property (17)
js method (16)
html book (16)
php file (16)
matematika php (15)
input (15)
js replace (15)
php folder (15)
php string (15)
link (15)
php date (15)
js events (14)
download fonts (13)
osclass (13)
table (13)
htaccess (13)
select (12)
dw block (12)
path (12)
download (11)
yandex webmaster (11)
notepad (11)
jsphp (11)
form (11)
js delete (11)
php time (11)
php img (11)
img (10)
url (10)
mouse (10)
js time (9)
php session (9)
info (9)
database (9)
yandex (9)
drop down list (8)
encryption (8)
css shape (8)
js array (8)
keyboard (7)
php url (7)
$ server (7)
php post (7)
different (7)
code editor (7)
task (7)
background (7)
calculator (7)
php operator (7)
hover (7)
jquery attribute (7)
dreamweaver (7)
cookie (7)
queryselector (7)
comment (7)
dosite (7)
php count (7)
js url (6)
click (6)
border property (6)
substr php (6)
iframe (6)
list (6)
mysql (6)
robots txt (6)
alphabet (6)
filezilla (6)
php mistakes (6)
year (6)
tags meta (6)
position element (6)
paragraph (5)
registration (5)
php cookie (5)
php get (5)
search (5)
directadmin (5)
browser (5)
js attribute (5)
js slice (5)
value (5)
$ global vars (5)
types php (5)
ftp (5)
mb (5)
adminka (5)
chart (5)
display property (5)
php cycle (5)
console (4)
about me (4)
submit (4)
position (4)
week (4)
template (4)
php register (4)
text decoration (4)
php constants (4)
clock fonts (4)
reg.ru (4)
bbcode (4)
symbols (4)
js form (4)
js string (4)
vk (4)
textarea (4)
mounth (4)
js id (4)
js window (4)
dwweb ru (3)
pseudo element (3)
padding (3)
line (3)
day (3)
auto form (3)
selector (3)
js img (3)
scandir (3)
js post (3)
php method (3)
font style (3)
question (3)
checkbox (3)
php get element (3)
jquery class (3)
attribute data (3)
js class (3)
overflow (3)
php cycle for (3)
delete tag (3)
pages (3)
captcha (3)
https (3)
vs code (3)
subdomain (3)
placeholder (3)
count symbol (3)
ucoz (3)
password (3)
ssl (3)
php counters (3)
jquery post (3)
php rand (3)
errordocument (2)
contenteditable (2)
php mail (2)
title (2)
typeof (2)
jquery method (2)
first letter (2)
text align (2)
second (2)
cursor (2)
css book (2)
audio player (2)
youtube (2)
type file (2)
tag hr (2)
php round (2)
base64 (2)
js cookie (2)
file cms (2)
sitemap (2)
details (2)
video (2)
height (2)
authorization (2)
js object (2)
title attribute (2)
counter (2)
qr kod (2)
php array sort (2)
php form (2)
money (2)
facebook (2)
js vars (2)
рся (2)
function time (2)
seo (2)
source code (2)
comments+ (2)
arrows (2)
smile (1)
jquery book (1)
computer (1)
video pleer (1)
books (1)
domen (1)
archive (1)
speed (1)
sublime text 4 (1)
google (1)
sberbank (1)
windows (1)
input html (1)
php info (1)
xmlhttprequest (1)
type range (1)
css indent (1)
scroll (1)
header (1)
numbers (1)
days (1)
js folder (1)
Изменить цвет текст в шрифте Awesome
Изменить цвет или покрасить в другой цвет текст в шрифте Awesome – не просто, а очень просто!
Цвет меняется так же, как и в других шрифтах.
Вариант №1 изменение цвета шрифта Awesome
Изменить цвет в шрифте Awesome можно прямо в коде иконки шрифта:
Как изменить цвет иконки Awesome
Нам в коде шрифта иконки Awesome добавить стиль(style) и туда прописать новый цвет, например красный:
style="color:red; font-size: 15px;"
Код шрифта Awesome изменного в коде
Результат:
Вариант №2 изменение цвета шрифта Awesome в файле css
Теперь изменим цвет шрифта Awesome с помощью файла css.
Чтобы цвет не шрифта не менялся по всему сайту, нам нужно для демонстрации процесса добавить любой новый класс к коду нашего шрифта Awesome - например :В файл css добавляем:
i.fa.fa-home.ok_blue {
color: blue;
}
Иконка шрифта - код :
<i class="fa fa-home ok_blue" aria-hidden="true"></i>
Результат:
Пользуйтесь на здоровье! Не забудьте сказать спасибо
Теги :
