Док слике добијају велику љубав када дођу на веб локације, то је писана реч која апелује на претраживаче и садржи садржај већине локација. Као такав, типографски дизајн је критички важан део дизајна веб сајта. С важношћу текста сајта долази потреба да се осигура да изгледа добро и да је лако читати. Ово се ради са стилом ЦСС (Цасцадинг Стиле Схеетс).
Пратећи савремени веб дизајн стандарда, када желите да диктирате изглед текстуалног садржаја веб сајта, то ћете учинити користећи ЦСС. Ово одваја ЦСС стил од ХТМЛ структуре странице. Као пример, ако сте желели да поставите фонт странице у "Ариал", то можете учинити додавањем следећег правила стила вашем ЦСС-у (напомена - ово би се вероватно учинило у спољном ЦСС стилском листу који овласти стилове за сваку страницу на сајту):
боди {фонт-фамили: Ариал; }Овај фонт је постављен за "тијело", тако да ЦСС каскада примјењује стил на све остале елементе странице. То је зато што је сваки други елемент ХТМЛ дијете елемента "тијело", ЦСС стилови попут фамилије фонтова или боје каскаде од родитеља до дјечјег елемента. Ово ће бити случај, осим ако се за одређене елементе не дода додатни стил. Једини проблем са овим ЦСС је да је наведен само један фонт. Ако се тај фонт не може наћи из неког разлога, претраживач ће замијенити другог на свом мјесту. Ово је лоше јер немате никакву контролу над употребом фонта - претраживач ће изабрати за вас, а можда вам се неће допасти оно што је одлучило да користи! Тамо долази стацк фонт.
Стацк фонт је листа фонтова у декларацији ЦСС-породице. Фонтови су наведени по редоследу преференце који желите да се појављују на страници у случају проблема као што је фонт који се не учитава. Фонт стацк омогућава дизајнеру да контролише изглед фонтова на веб страници чак и ако рачунар нема почетни фонт који сте позвали.
Дакле, како изгледа изглед стона фонта? Ево примера:
боди {фонт-фамили: Георгиа, "Тимес Нев Роман", сериф; }Ту је неколико ствари које треба приметити.
Прво, видећете да смо раздвојили различита имена фонта са зарезом. између сваког Можете додати што више фонтова колико желите, докле год су одвојене зарезом. Претраживач ће покушати да прво учита први фонт који је наведен. Ако то не успије, скинуће линију покушавајући сваки фонт док не пронађе ону коју може користити. У овом примеру користимо веб безбедне фонтове, а "Грузија" ће вероватно бити пронађена на рачунару особе која посјећује страницу (напомена - прегледач погледа на ваш рачунар за фонтове наведене на страници, тако да локација заправо говори рачунар који се фонтови учитавају са вашег система). Ако из неког разлога тај фонт није пронађен, помјериће се низ стацк и пробати сљедећи фонт који је наведен.
У погледу следећег фонта, обратите пажњу на то како је написано у стацку. Име "Тимес Нев Роман" је затворено у двоструким цитатима. То је зато што име фонта има више речи. Свака имена фонтова са више ријечи (Требуцхет МС, Цоуриер Нев итд.) Морају имати име у двоструким наводницима, тако да претраживач зна да су све ријечи дио једног фонта.
Коначно, завршићемо стацк фонт са "серифом", што је генеричка класификација фонтова. У невероватном случају да ниједан фонт који сте именовали у вашем стацку није доступан, претраживач ће уместо тога наћи фонт који барем пада у одговарајућу класификацију коју сте одабрали. На примјер, ако користите санс-сериф фонтове као што су Ариал и Вердана, ако завршите стацк фонт с класификацијом "санс-сериф", барем ћете задржати фонт у тој укупној породици ако постоји проблем са оптерећењем. Додуше, требало би да је врло ретко да претраживач не може пронаћи фонтове који су наведени у стацку и да уместо тога користе ову генеричку класификацију, најбоље је укључити ипак само да би био двоструко сигуран.
Фонт Стацкс и Веб Фонтови
Многи веб сајтови данас користе веб фонтове који су или укључени на сајт заједно са другим ресурсима (као што су слике сајта, Јавасцрипт датотека итд.) Или повезани на неком месту фонта као што су Гоогле Фонтс или Типекит. Иако би ови фонтови требало да буду оптерећени пошто се повезујете са самим датотекама, и даље желите да користите фонт стацк да бисте осигурали да имате неку контролу над било којим проблемима који се могу јавити. Исто важи за фонтове "веб сафе" који би требали бити на нечијем рачунару (обратите пажњу да су фонтови које смо користили као примјери у овом чланку, укључујући Ариал, Вердана, Георгиа и Тимес Нев Роман, све веб сигурне фонтове које требају бити на рачунару особе). Иако је вероватноћа да фонт недостаје је врло низак, навођење стацк фонта ће помоћи да се отвори типографски дизајн сајта што је више могуће.
Оригинални чланак Јеннифер Кринин. Уредио Јереми Гирард на 8/9/17