php (319)
js (238)
html (145)
математика (136)
калькулятор (79)
html tags (62)
js tag (56)
php function (56)
число (48)
дробь (48)
jquery (41)
text (36)
js method (35)
js date (32)
php array (31)
form html (30)
link (26)
object date (25)
Показать еще :
html attribute (25)
online (25)
ruweb.net (24)
foto (22)
php file (21)
type of input (21)
atom (20)
php matematika (20)
sublime text 3 (19)
forum (19)
деление (19)
определение (19)
hosting (18)
десятичная дробь (18)
js attribute (18)
svg (18)
php date (17)
css property (17)
board (16)
html book (16)
input (16)
php time (16)
js replace (15)
php folder (15)
php string (15)
js events (14)
js url (14)
notepad (13)
osclass (13)
вычитание (13)
htaccess (13)
img (13)
download fonts (13)
js time (13)
php img (12)
select (12)
знак (12)
table (12)
dw block (12)
info (12)
php path (12)
download (11)
keyboard (11)
js location (11)
jsphp (11)
yandex webmaster (11)
form (11)
отрицательные (10)
mouse (10)
yandex (10)
js delete (10)
признак делимости (10)
attribute data (10)
database (9)
php session (9)
смешанная дробь (9)
сложить (9)
онлайн (9)
вычитание дробей (9)
css shape (9)
drop down list (9)
hover (9)
php count (9)
document js (8)
calculator (8)
encryption (8)
js array (8)
js attr delete (8)
php array key (8)
dosite (8)
php error (7)
selector css (7)
programs (7)
background (7)
comment (7)
cookie (7)
$ server (7)
jquery attribute (7)
queryselector (7)
dreamweaver (7)
степень (7)
php operator (7)
php url (7)
different (7)
перевод дробей (7)
attribute title (7)
position element (6)
year (6)
js class (6)
tags meta (6)
alphabet (6)
filezilla (6)
mysql (6)
php post (6)
robots txt (6)
iframe (6)
browser (6)
list (6)
click (6)
code editor (6)
php get (6)
border property (6)
tag title (6)
php substr (5)
adminka (5)
tag a (5)
directadmin (5)
placeholder (5)
paragraph (5)
js math (5)
chart (5)
php cookie (5)
registration (5)
умножение (5)
heading (5)
reg.ru (5)
mb (5)
площадь (5)
search (5)
php second (5)
js slice (5)
display property (5)
треугольник (5)
ftp (5)
js id (5)
value (5)
задача (4)
base64 (4)
week (4)
day (4)
ssl (4)
делить дробь (4)
умножить дробь (4)
bbcode (4)
preg replace (4)
нок (4)
classlist (4)
about me (4)
vk (4)
php cycle (4)
js form (4)
submit (4)
href attribute (4)
$ global vars (4)
js window (4)
text decoration (4)
php var (4)
template (4)
php constants (4)
php register (4)
js string (4)
textarea (4)
php type var (4)
count symbol (4)
month (4)
clock fonts (4)
php task (4)
pages (4)
symbols (4)
js domain (4)
position (4)
task (4)
console (4)
куб (3)
jquery class (3)
font style (3)
php password (3)
php method (3)
first letter (3)
php counters (3)
php rand (3)
captcha (3)
magic constants (3)
php get element (3)
checkbox (3)
php cycle for (3)
domen (3)
question (3)
js post (3)
line (3)
ucoz (3)
jquery post (3)
subdomain (3)
numbers (3)
auto form (3)
selector (3)
pseudo element (3)
dwweb ru (3)
padding (3)
function time (3)
js img (3)
https (3)
js attr ad (3)
js hash (3)
js attr get (3)
js attr change (3)
vs code (3)
сложить дробь (3)
js tag delete (3)
overflow (3)
периметр (3)
scandir (3)
корень (3)
php preg replace (2)
php array value (2)
js attr hey (2)
attribute target (2)
рся (2)
contenteditable (2)
delete tag (2)
source code (2)
comments+ (2)
facebook (2)
seo (2)
prompt (2)
js cookie (2)
counter (2)
height (2)
google (2)
details (2)
js vars (2)
video (2)
css book (2)
sitemap (2)
js value (2)
js object (2)
jquery method (2)
tag hr (2)
errordocument (2)
youtube (2)
php mail (2)
audio player (2)
php round (2)
php array sort (2)
arrows (2)
typeof (2)
калькулятор 2 (2)
функция (2)
type file (2)
набрать дробь (2)
js property (2)
authorization (2)
делить смешанную (2)
money (2)
php form (2)
file cms (2)
qr kod (2)
круг (2)
квадрат (2)
нод (1)
yoomoney (1)
type range (1)
rutube (1)
jino (1)
прямоугольник (1)
cursor (1)
text align (1)
объем (1)
jquery book (1)
css indent (1)
computer (1)
header (1)
php info (1)
js tag do (1)
input html (1)
speed (1)
sberbank (1)
windows (1)
sublime text 4 (1)
archive (1)
js tag change (1)
js folder (1)
smile (1)
php minute (1)
js tag get (1)
scroll (1)
xmlhttprequest (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>
Результат:
Можете не благодарить, лучше помогите!
Теги :