Generičke klasifikacije fonta dostupne za upotrebu na vašoj web-lokaciji
Prilikom izrade web stranice jedan je od ključnih elemenata stranice s kojima ćete raditi tekstualni sadržaj. Kao takav, kada izradite web stranicu i stilizirate ga CSS-om, veliki dio tog napora bit će usredotočen na tipografiju web mjesta.
Tipografski dizajn igra važnu ulogu u dizajnu web stranica. Dobro oblikovani i oblikovani tekstualni sadržaj pomaže da web mjesto bude uspješnije stvaranjem doživljaja čitanja koje je užitak i lako konzumirati. Dio vaših nastojanja u radu s tipom bit će odabrati prave fontove za svoj dizajn, a zatim upotrijebiti CSS da biste dodali te fontove i stilove fonta na prikaz stranice. To se vrši pomoću naziva " font-stack "
Font-Stacks
Kada odredite font koji želite upotrebljavati na web stranici, najbolja je praksa da uključite i rezervne opcije u slučaju da se vaš odabir fonta ne može pronaći. Ove opcije rezerviranja prikazane su u "fontu stog". Ako preglednik ne može pronaći prvi font naveden u snopu, premješta se na sljedeći. Nastavlja taj postupak sve dok ne pronađe font koji može koristiti, ili istekne iz izbora (u tom slučaju odabire bilo koji font sustava koji želi). Evo primjera kako bi stack-font izgledao u CSS kada se primijeni na element "tijelo":
tijelo {font-family: Georgia, "Times New Roman", serif; }Primijetite da najprije navedemo font Georgia. Prema zadanim postavkama, to je ono što će stranica koristiti, no ako taj font nije iz nekog razloga dostupan, stranica će se vratiti na Times New Roman. Taj naziv fonta priložimo u dvostrukim navodnicima jer je riječ o više riječi. Pojedinačne nazive fonta, poput Gruzije ili Arial, ne zahtijevaju citate, već im je potrebno ime s više riječi, tako da preglednik zna da sve te riječi čine naziv fonta.
Ako pogledate kraj stogova fontova, trebali biste primijetiti da završimo riječju "serif". To je generički naziv fonta. U malo vjerojatnom slučaju da osoba nema Georgia ili Times New Roman na svom računalu, stranica će koristiti bilo koji serif font koji bi mogao pronaći. To je poželjno da se web-lokacija može vratiti na bilo koji font koji želi jer barem možete reći koju vrstu fonta treba koristiti, tako da ukupni izgled i ton dizajna web mjesta budu što je moguće netaknutiji. Da, preglednik će odabrati font za vas, ali barem ste pružili smjernice, tako da zna kakav će font najbolje funkcionirati u dizajnu.
Generički rodovi obitelji
Generički naziv fonta dostupan je u CSS-u:
- rukopisni
- fantazija
- monospace
- crtica
- bez vitica
Iako postoje mnoge druge klasifikacije slova dostupne u web-dizajnu i tipografiji, uključujući pločice-serif, blackletter, prikaz, grunge i više, ova 5 gore navedena generička naziva fonta su one koje biste koristili u font-stacku u CSS-u. Koje su razlike u tim klasifikacijama fonta? Pogledajmo!
Kursivni fontovi često sadrže tanke, ukrašene slovne oblike koji su namijenjeni repliciranju fancy rukom pisanog teksta. Ovi fontovi, zbog svojih tankih, cvjetnih slova, nisu prikladni za velike blokove sadržaja poput kopije tijela. Kursive fontovi se obično koriste za naslove i kraće potrebe teksta koji se mogu prikazati u većim veličinama fonta.
Fantastični fontovi su pomalo ludi fontovi koji zapravo ne spadaju u bilo koju drugu kategoriju. Fontovi koji repliciraju dobro poznate logove, poput slovnih oblika iz filmova Harry Potter ili Natrag u budućnost, spadaju u ovu kategoriju. Ponovno, ti fontovi nisu prikladni za sadržaj tijela jer su često toliko stilizirani da je čitanje duljih dijelova teksta napisano u tim slovima previše je teško učiniti.
Fontovi za Monospace su one u kojima su svi slovni oblici jednake veličine i razmaknuti, kao što biste se našli na starom pisaćem stroju. Za razliku od ostalih fontova koji imaju promjenjivu širinu slova ovisno o njihovoj veličini (na primjer, glavni "W" će zauzeti mnogo više prostora nego mala "i"), jednorazni fontovi su fiksna širina za sve znakove. Ti se fontovi često upotrebljavaju kada se kôd prikazuje na stranici jer izgledaju drukčije od drugog teksta na toj stranici.
Serif fontovi jedna su od popularnijih klasifikacija. To su fontovi koji imaju male dodatne ligature na slovima. Ti dodatni komadi nazivaju se "serifs". Uobičajeni serif fontovi su Georgia i Times New Roman. Serif fontovi mogu se koristiti za veliki tekst poput naslova, kao i duge dijelove teksta i kopije tijela.
Sans-serif je konačna klasifikacija koju ćemo pogledati. To su fontovi koji nemaju gore navedene ligature. Ime znači "bez serifa". Popularni fontovi u ovoj kategoriji bili bi Arial ili Helvetica. Slično kao i serifs, sans-serif fontovi mogu se koristiti jednako dobro u naslovima, kao i sadržaj tijela.
Izvorni članak Jennifer Krynin. Uredio Jeremy Girard na 16.10.17