Dok slike dobivaju velik dio ljubavi kada dođu na web stranice, to je pisana riječ koja apelira na tražilice i provodi sadržaj većine web mjesta. Kao takav, tipografski dizajn je kritički važan dio dizajna web stranica. S obzirom na važnost stranice teksta dolazi potreba kako bi se osiguralo da izgleda dobro i da je lako čitati. To je učinjeno s CSS (Cascading Style Sheets) stylingom.
Slijedeći moderni standard web dizajna, kada želite diktirati izgled tekstualnog sadržaja web stranice, to ćete učiniti pomoću CSS-a. To odvaja CSS stil od HTML strukture stranice. Na primjer, ako želite postaviti font stranice na "Arial", možete to učiniti dodavanjem sljedećeg pravilnika stila u svoj CSS (napomena - to bi se vjerojatno učinilo u vanjskom CSS tablici stila koji ovlašćuje stilove za svaku stranicu na web stranici):
tijelo {font-family: Arial; }Ovaj je font postavljen na "tijelo" pa će CSS kaskada primijeniti stil svim ostalim elementima stranice. To je zato što svaki drugi HTML element je dijete elementa "tijelo", CSS stilovi poput obitelji fonta ili boje će se kaskadirati od roditelja do elementa djeteta. To će biti slučaj osim ako nije dodan određeni stil za određene elemente. Jedini je problem s ovim CSS-om da je naveden samo jedan font. Ako se taj font ne može pronaći iz nekog razloga, preglednik će zamijeniti drugo mjesto na svom mjestu. To je loše jer nemate kontrolu nad korištenjem fontova - preglednik će odabrati za vas, a možda vam se ne sviđa ono što je odlučio koristiti! Tamo dolazi font stupa.
Skup fonta je popis fontova u CSS deklaraciji fontova i obitelji. Fontovi su navedeni redom po želji da želite da se oni pojavljuju na web mjestu u slučaju problema poput fonta koji se ne učitava. Skup fontova omogućuje dizajneru da kontrolira izgled fontova na web stranici čak i ako računalo nema početni font koji ste nazvali.
Pa kako izgleda snop fontova? Evo primjera:
tijelo {font-family: Georgia, "Times New Roman", serif; }Ovdje je nekoliko stvari koje treba primijetiti.
Prvo ćete vidjeti da smo razdvojili različite nazive fonta zarezom. između svakog od njih Možete dodati onoliko slova koliko god želite, sve dok su razdvojeni zarezom. Preglednik će pokušati učitati prvo navedeni font. Ako to ne uspije, on će trčati niz crta pokušavajući svaki font sve dok ne pronađe onaj koji može koristiti. U ovom primjeru upotrebljavamo sigurne fontove na webu, a "Gruzija" vjerojatno će se naći na računalu osobe koja je posjetila web-mjesto (napomena - preglednik na vašem računalu gleda fontove navedene na stranici, pa stranica zapravo govori računalo koje fontove treba učitati iz vašeg sustava). Ako iz nekog razloga taj font nije pronađen, pomaknuo bi se niz stog i isprobali sljedeći navedeni font.
U smislu tog sljedećeg fonta, primjetite kako je napisana u snopu. Ime "Times New Roman" je uokvireno dvostrukim citatima. To je zato što naziv fonta sadrži više riječi. Svaka vrsta slova s više od jedne riječi (Trebuchet MS, Courier New, itd.) Mora imati naziv u dvostrukim navodnicima tako da preglednik zna da su sve te riječi dio jednog naziva.
Konačno, završavamo snop fonta s "serif", što je generička klasifikacija fonta. U malo vjerojatnom slučaju da nijedan od fontova koje ste naveli u vašem stogu nije dostupan, preglednik će umjesto toga pronaći samo font koji barem ulazi u odgovarajuću klasifikaciju koju ste odabrali. Na primjer, ako koristite sans-serif fontove kao što su Arial i Verdana, više od kraja fontova s klasifikacijom "sans-serif" barem će zadržati font u toj cjelokupnoj obitelji ako postoji problem opterećenja. Doduše, trebao bi biti vrlo rijedak da preglednik ne može pronaći bilo koji od fontova koji su navedeni u stacku i da umjesto toga upotrebljavaju ovu generičku klasifikaciju, najbolje je da je uključi bilo kako samo da bude dvostruko sigurna.
Font Stacks i web fontovi
Mnoge web-lokacije danas upotrebljavaju web-fontove koji su uključeni na web-lokaciju zajedno s drugim resursima (kao što su slike web-lokacije, Javascript datoteka itd.) Ili povezane s lokacijom faksova izvan mjesta, primjerice Google Fonts ili Typekit. Iako se ti fontovi trebaju učitavati jer se povezujete s datotekama, još uvijek želite koristiti fontove kako biste osigurali kontrolu nad svim mogućim problemima. Isto vrijedi i za "web safe" fontove koji bi trebali biti na nečijem računalu (imajte na umu da su fontovi koje smo koristili kao primjeri u ovom članku, uključujući Arial, Verdanu, Gruziju i Times New Roman, sve sigurne fontove koji bi trebali biti na osobnom računalu). Iako je vjerojatnost da font nedostaje je vrlo nizak, navođenje font stog pomoći će nepropusnost web stranice tipografski dizajn što je više moguće.
Izvorni članak Jennifer Krynin. Uredio Jeremy Girard na 8/9/17