Вообичаените класификации на фонт се достапни за користење на вашата веб-страница
Кога дизајнирате веб-страница, еден од клучните елементи на страната со која ќе работите со содржина на текст. Како таква, кога ќе се изгради веб-страница и стил со CSS, голем дел од тој напор ќе биде центриран околу типографијата на сајтот.
Типографскиот дизајн игра важна улога во дизајнирањето на веб-страниците. Добро поставена и форматирана содржина на текст му помага на веб-страницата да биде поуспешна со создавање на искуство за читање кое е пријатно и лесно да се консумираат. Дел од вашите напори за работа со типот ќе биде да ги изберете вистинските фонтови за вашиот дизајн, а потоа да го користите CSS за да ги додадете тие фонтови и стилови на фонтови на приказот на страницата. Ова е направено со користење на она што се нарекува " font-stack "
Фонт-стекови
Кога ќе наведете фонт за користење на веб-страница, најдобро е да вклучите опции за резервни копии во случај да не можете да го пронајдете изборот на фонт. Овие резервни опции се претставени во "фонт магацинот". Ако прелистувачот не може да го најде првиот фонт наведен во оџакот, тој се префрла на следниот. Го продолжува овој процес додека не најде фонт што може да го користи, или истекува од избори (во кој случај само избира системски фонт што сака). Еве еден пример за тоа како фонт-стек ќе изгледа во CSS кога се применува на елементот "тело":
тело {font-family: Грузија, "Times New Roman", сериф; }Забележете дека ние го наведуваме фонтот Грузија прво. Стандардно, тоа е она што страната ќе ја користи, но ако тој фонт не е достапен поради некоја причина, страната ќе се врати во Times New Roman. Ние го приложуваме името на фонтот во двојни цитати, бидејќи тоа е име со повеќе зборови. Имињата на фонтови за еден збор, како што се Грузија или Arial, не бараат цитати, но им се потребни имиња на фонтови со повеќе зборови, така што прелистувачот знае дека сите тие зборови го сочинуваат името на фонтот.
Ако погледнете на крајот на фонтот стек, треба да забележите дека ќе заврши со зборот "serif". Тоа е генеричко презиме на фамилијата. Малку е веројатно дека лицето нема Грузија или Times New Roman на нивниот компјутер, сајтот ќе користи серифски фонт што може да го пронајде. Ова е подобро да се дозволи на сајтот да се врати на она што фонтови сака, бидејќи можете барем да кажете е каков вид на фонт да се користи, така што целокупниот изглед и тон на дизајнот на сајтот ќе биде што е можно недопрена. Да, прелистувачот ќе избере фонт за вас, но барем вие давате упатства за да знаете каков фонт најдобро ќе функционира во дизајнот.
Генерични фонтови на семејства
Генералното име на фонт достапно во CSS се:
- курзив
- фантазија
- моноспејс
- serif
- sans-serif
Додека постојат многу други класификации на фонтови кои се достапни во веб-дизајнот и типографијата, вклучувајќи плочки-сериф, blackletter, display, grunge и многу повеќе, овие 5 погоре наведени имиња на фонтови се оние кои ќе ги користите во фонт-стек во CSS. Кои се разликите во овие класификации на фонтови? Ајде да погледнеме!
Курзивните фонтови често содржат тенки, украсени буквари, кои треба да го реплицираат рачно напишаниот текст. Овие фонтови, поради нивните тенки, цветови букви, не се соодветни за голем блок на содржина како копија на телото. Курзивните фонтови обично се користат за наслови и пократки текстуални потреби кои можат да бидат прикажани во поголеми големини на фонтот.
Фантастични фонтови се малку луди фонтови кои навистина не спаѓаат во ниедна друга категорија. Фонтови кои реплицираат добро познати логоа, како што се буквите од филмовите Хари Потер или Назад кон иднината, ќе спаѓаат во оваа категорија. Уште еднаш, овие фонтови не се соодветни за содржината на телото, бидејќи тие често се толку стилизирани дека читањето на подолги пасуси од текст напишани во овие фонтови е премногу тешко да се направи.
Monospace фонтовите се оние каде што сите форми на буквите се подеднакво големи и распоредени, како да сте нашол на една стара машина за пишување. За разлика од другите фонтови кои имаат променлива ширина за букви во зависност од нивната големина (на пример, капиталот "W" ќе зазема многу повеќе простор од мала "i"), моноширечките фонтови се фиксна ширина за сите знаци. Овие фонтови често се користат кога кодот се прикажува на страница бидејќи тие изгледаат поинаку од другиот текст на таа страница.
Сериф фонтовите се една од најпопуларните класификации. Ова се фонтови кои имаат малку дополнителни лигатури на буквите. Овие дополнителни парчиња се нарекуваат "серифи". Заеднички сериф фонтови се Грузија и Times New Roman. Сериф фонтовите можат да се користат за голем текст како наслов, како и долги пасуси на текст и копија на телото.
Sans-serif е последната класификација што ќе ја разгледаме. Ова се фонтови кои ги немаат наведените лигатури. Името значи "без серифи". Популарни фонтови во оваа категорија ќе бидат Arial или Helvetica. Слично како serifs, sans-serif фонтовите можат подеднакво да се користат во насловите, како и содржината на телото.
Авторски напис од Џенифер Крајнин. Ревидирани од Џереми Жирар на 16.10.17