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