Синтакса на фонт-семејна сопственост
Типографскиот дизајн е критично важно парче од успешен веб дизајн. Креирање на сајтови со текст кој е лесен за читање и кој изгледа одлично е целите на секој професионален веб дизајн. За да го постигнете ова, ќе треба да можете да ги поставите специфичните фонтови кои сакате да ги користите на вашите веб-страници. За да го наведете типот или семејството на фонтот на вашите веб-документи, ќе го користите својството на стил font-family во вашиот CSS.
Наједноставниот стил на фонт-семејство што би можел да го користите би вклучувал само едно семејство на фонт:
p (font-family: Arial; }Ако го применивте овој стил на страница, сите стари ќе бидат прикажани во семејството на фонтови "Arial". Ова е одлично и бидејќи "Arial" е она што е познато како "веб-безбеден фонт", што значи дека повеќето (ако не и сите) компјутери ќе го инсталираат, може да се одморите прилично лесно, знаејќи дека вашата страница ќе се прикаже во предвидениот фонт .
Значи, што се случува ако избраниот фонт не може да се најде? На пример, ако не користите "веб-безбеден фонт" на една страница, што прави корисникот да го направи ако го нема тој фонт? Тие прават замена.
Ова може да резултира со некои многу смешни страници. Јас еднаш отидов на страната каде што мојот компјутер го прикажува целосно во "Wingdings" (икона) бидејќи мојот компјутер немал фонт што го навел програмерот, а мојот прелистувач направи многу лош избор во кој фонт би го користете како замена. Страницата беше целосно нечитлива за мене! Ова е местото каде што стапчето на фонтот влегува во игра.
Одделни повеќе семејства на фонтови со запирка во штанд на фонт
"Фонт стек" е листа на фонтови кои сакате вашата страница да ја користи. Вие ќе ги поставите изборите за фонтови по ваш избор и ќе ги одделите секој со запирка. Ако прелистувачот нема прво семејство на фонт на листата, тој ќе се обиде на втората, а потоа на третата и така натаму се додека не најде еден што го има во системот.
font-family: Pussycat, Algerian, Broadway;Во горниот пример, прелистувачот најпрво ќе го бара фонтот "Pussycat", а потоа "Алжир" и потоа "Бродвеј" ако не се најде ниту еден од другите фонтови. Ова ви дава повеќе шанса дека ќе се користи барем еден од вашите избрани фонтови. Тоа не е совршено, па затоа имаме уште повеќе да додадеме во нашиот фонт (читај на!).
Користи ги општите фонтови
Значи, можете да креирате магацински фонт со листа на фонтови и сè уште немаат ништо од кое пребарувачот може да пронајде. Очигледно не сакате вашата страница да се појави нечитлива ако прелистувачот прави слаб избор за замена. За среќа, CSS има решение и за ова: генерички фонтови .
Секогаш треба да ја завршите листата со фонтови (дури и ако тоа е листа на еден семеен или само безбеден веб-фонт) со општ фонт. Постојат пет што можете да ги користите:
- курзив
- фантазија
- моноспејс
- sans-serif
- serif
Двата погоре примери може да се сменат во:
font-family: Arial, sans-serif; font-family: Pussycat, Algerian, Broadway, фантазија;Некои семејни имиња на фонтови се две или повеќе зборови
Ако семејството на фонт што сакате да го користите е повеќе од еден збор, тогаш треба да го опкружувате со двојни цитати. Додека некои прелистувачи можат да читаат семејства на фонтови без наводници, може да има проблеми ако празнината е кондензирана или игнорирана.
font-family: "Times New Roman", serif;Во овој пример, можете да видите дека името на фонтот "Times New Roman", што е повеќеслоен, е забрането во цитати. Ова му кажува на прелистувачот дека сите три од овие зборови се дел од тоа име на фонт, наспроти три различни фонтови со имиња од еден збор.
Авторски напис од Џенифер Крајнин. Уредено на 12/2/16 од страна на Џереми Жирар