Напомена: Ова страница се односи на промјену врсте фонта, величине и боје на веб страници. За Мицрософт Ворд, погледајте нашу страницу о томе како да промените боју, величину или тип слова у програму Ворд.

Овај документ садржи упутства о томе како да промените фонт и његову боју на веб страници. Правилна синтакса која се помера напред је да се користе каскадни листови стилова заједно са селекторима класе или ИД-а, а не атлине атлине стила или ознака фонта, који су застарели. Иако, вреди напоменути да ова два метода и даље раде са већином интернет претраживача.

Да бисте наставили, изаберите метод који желите да научите или прочитајте сваки одељак.

Ако планирате да промијените лице фонта и његову боју само једном на веб страници, морате промијенити његове атрибуте у ознаци елемента. Користећи атрибут стила, можете да наведете лице и боју фонта са фонт-фамилијом, бојом и величином фонта са величином фонта, као што је приказано у доњем примеру.

Пример кода

Овај текст има фонт Цоуриер, је Блуе, и 20пк.

Резултат

Овај текст има Цоуриер фонт, је Блуе и 20пк.

Коришћење ЦСС-а за једну или више страница

Прилагођени фонт за једну страницу

У главном делу ваше веб странице можете уметнути код између картица да бисте променили изглед вашег текста у различитим елементима. Следећа плава кутија садржи пример кода који би, једном позван, променио лице фонта у Цоуриер и обојио га црвеном бојом. Као што видите, дефинисали смо име класе као "обичај".

 .цустом {фонт-фамили: Цоуриер; боја црвена; фонт-сизе: 20пк; } 

Након дефинисања, овај стил се може применити на већину елемената на вашој страници тако што ће им се придружити класа "цустом". Следећи оквир приказује два реда кода и њихове одговарајуће резултате.

Пример

Ова цела реченица је црвена и Цоуриер

Само реч ТЕСТ је црвена и Цоуриер.

Резултат

Ова цела реченица је црвена и Цоуриер.

Само реч ТЕСТ је црвена и Цоуриер.

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

Увоз спољне ЦСС датотеке може бити веома користан јер омогућава корисницима да промене правила за више страница у исто време. Следећи одељак приказује пример за креирање основне ЦСС датотеке која мења фонт и боју за већину елемената. Ова датотека може бити учитана на више од једне веб странице, чак и на цијелу страницу.

Користећи било који основни уређивач текста, спремање следећег текста као .цсс фајла ће га припремити за увоз.

 @цхарсет "утф-8";
.цоуриер {фонт-фамили: Цоуриер; цолор: # 005ЦБ9; } 

Када је претходни текст смештен у .цсс фајл (ми смо назвали наш басиц.цсс ), можете га повезати са било које друге странице користећи линију сличну следећем примеру.

Савет: Корисници могу да промене атрибуте елемената на страници променом кода у увезеном .цсс фајлу.

Решење за ознаке фонтова

Иако је застарео, ХТМЛ ознака се и даље може користити и може бити неопходна за коришћење са неким онлине услугама. Када користите ФОНТ таг, морате укључити атрибут фаце, који описује фонт који ће се користити. У примјеру испод, користимо Цоуриер фонт и хексадецимални код # 005ЦБ9, који је тамно плави.

Пример кода

 Посебан пример фонта. 

Резултат