Забележка: Тази страница е свързана с промяна на вида, размера и цвета на шрифта на уеб страница. За Microsoft Word вижте нашата страница за това как да промените цвета, размера или типа на шрифта в Word.

Този документ съдържа инструкции как да промените шрифта и цвета му на уеб страница. Подходящият синтаксис, който се движи напред, е да се използват каскадни таблици със стилове, заедно с селекторите за клас или ID, а не вграден атрибут или шрифт, които са отхвърлени. Въпреки, че си струва да се отбележи, че тези два метода все още работят с повечето интернет браузъри.

За да продължите, изберете метода, от който искате да научите, или да прочетете всеки раздел.

Ако планирате да промените лицето на шрифта и неговия цвят само веднъж на уеб страница, трябва да промените неговите атрибути в етикета на елемента. С помощта на стиловия атрибут можете да укажете лицето и цвета на шрифта със семейството на шрифта, цвета и размера на шрифта с размер на шрифта, както е показано в примера по-долу.

Примерния код

Този текст има шрифта Courier, е син и 20 пиксела.

резултат

Този текст има шрифт Courier, е син и размер 20 пиксела.

Използване на CSS за една или повече страници

Персонализиран шрифт за една страница

В главата на уеб страницата си можете да вмъкнете код между разделите, за да промените външния вид на текста в различни елементи. Следващата синя кутия съдържа примерния код, който веднъж се нарича, ще промени лицето ви на куриер и ще го оцветят в червено. Както можете да видите, определихме името на класа като "обичай".

 .custom {семейство на шрифтове: Courier; цвят: червен; шрифта: 20px; } 

Веднъж дефиниран, този стил може да бъде приложен към повечето елементи в страницата Ви, като към тях се прикрепи клас "custom". Следното поле показва два реда код и съответните им резултати.

пример

Цялото изречение е червено и Куриер

Само думата TEST е червена и Courier.

резултат

Цялото изречение е червено и Куриер.

Само думата TEST е червена и Courier.

Персонализиран шрифт за много страници

Импортирането на външен CSS файл може да бъде много полезно, тъй като позволява на потребителите да променят правилата за няколко страници едновременно. Следващият раздел показва пример за създаване на основен CSS файл, който променя шрифта и е цвят за повечето елементи. Този файл може да се зареди в повече от една уеб страница, дори цял сайт.

С помощта на всеки основен текстов редактор, запазването на следния текст като .css файл ще го подготви за импортиране.

 @charset "utf-8";
.courier {font-family: Куриер; цвят: # 005CB9; } 

След като предишният текст бъде поставен в .css файл (ние нарекохме ours basic.css ), можете да го свържете от всяка друга страница, като използвате линия, подобна на следния пример.

Съвет: Потребителите могат да променят атрибутите на елементите на страницата, като променят кода в импортирания .css файл.

Решаване на шрифтове

Въпреки че е остарял, HTML тагът все още може да се използва и може да се наложи да се използва с някои онлайн услуги. Когато използвате маркер FONT, трябва да включите атрибута face, който описва шрифта, който ще се използва. В примера по-долу използваме шрифта Courier и шестнадесетичния цвят # 005CB9, който е тъмно син.

Примерния код

 Пример за специален шрифт. 

резултат