Šta je "Font Stack"?

Dok slike dobijaju veliku ljubav kada dođu na veb lokacije, to je pisana reč koja apeluje na pretraživače i sadrži sadržaj većine lokacija. Kao takav, tipografski dizajn je kritički važan dio dizajna web sajta. S važnošću teksta sajta dolazi potreba da se osigura da izgleda dobro i da je lako čitati. Ovo se radi sa stilom CSS (Cascading Style Sheets).

Prateći savremeni web dizajn standarda, kada želite da diktirate izgled tekstualnog sadržaja veb sajta, to ćete učiniti koristeći CSS. Ovo razdvaja taj CSS stil iz HTML strukture stranice. Kao primer, ako ste želeli da postavite font stranice u "Arial", to možete uraditi dodavanjem sljedećeg pravila stila vašem CSS-u (napomena - ovo bi se verovatno učinilo u spoljašnjem CSS stilu koji ovlasti stilove za svaku stranicu na sajtu):

body {font-family: Arial; }

Ovaj font je postavljen za "tijelo", tako da CSS kaskada primjenjuje stil na sve ostale elemente stranice. To je zato što je svaki drugi HTML element dijete elementa "tijelo", CSS stilovi poput porodice fontova ili boje kaskade od roditelja do elementa deteta. Ovo će biti slučaj, osim ako se za određene elemente ne doda dodatni stil. Jedini problem sa ovim CSS je da je naveden samo jedan font. Ako se font ne može naći iz nekog razloga, pretraživač će zamijeniti drugog na svom mjestu. Ovo je loše jer nemate kontrolu nad upotrebom fonta - pretraživač će izabrati za vas, a možda vam se neće dopasti ono što je odlučilo da koristi! Tamo dolazi stack font.

Font font je lista fontova u deklaraciji CSS-porodice. Fontovi su navedeni po redosledu preference da biste želeli da se pojavljuju na stranici u slučaju problema poput fonta koji se ne učitava. Font stack omogućava dizajneru da kontroliše izgled fontova na web stranici čak i ako računar nema početni font koji ste pozvali.

Pa kako izgledaju stihovi fontova? Evo primera:

body {font-family: Georgia, "Times New Roman", serif; }

Tu je nekoliko stvari koje treba primetiti.

Prvo, videćete da smo razdvojili imena različitih fontova sa zarezom. između svakog Možete dodati što više fontova koliko želite, dokle god su odvojene zarezom. Pretraživač će pokušati da prvo učita prvi font koji je naveden. Ukoliko to ne uspije, skinuće se linija pokušavajući svaki font dok ne pronađe onu koju može koristiti. U ovom primjeru koristimo web sigurne fontove, a "Georgia" će se najverovatnije naći na računaru osobe koja posjećuje stranicu (napomena - pregledač pogleda na vaš računar za fontove navedene na stranici, tako da lokacija zapravo govori računar koji se fontovi učitavaju sa vašeg sistema). Ako iz nekog razloga taj font nije pronađen, pomjeriće se niz stack i probati sljedeći font koji je naveden.

Što se tiče sledećeg fonta, obratite pažnju na to kako je napisano u stacku. Ime "Times New Roman" je zatvoreno u dvostrukim citatima. Ovo je zato što ime fonta ima više reči. Imena fontova sa više riječi (Trebuchet MS, Courier New itd.) Moraju imati ime u dvostrukim navodnicima, tako da pretraživač zna da su sve riječi dio jednog fonta.

Napokon, završićemo stack font sa "serifom", što je generička klasifikacija fontova. U malo verovatnom slučaju da nijedan font koji ste imenovali u vašem stacku nije dostupan, pretraživač će umesto toga naći font koji barem pada u odgovarajuću klasifikaciju koju ste izabrali. Na primjer, ako koristite sans-serif fontove kao što su Arial i Verdana, ako završite stack font s klasifikacijom "sans-serif", barem ćete zadržati font u toj ukupnoj porodici ako postoji problem sa opterećenjem. Doduše, trebalo bi da bude vrlo retko da pretraživač ne može pronaći fontove koji su navedeni u stacku i da umesto toga koriste ovu generičku klasifikaciju, najbolje je uključiti u svakom slučaju samo da bi bio dvostruko siguran.

Font Stacks i Web Fontovi

Mnogi web sajtovi danas koriste web fontove koji su ili uključeni na sajt zajedno sa drugim resursima (kao što su slike sajta, javascript datoteka itd.) Ili povezani na nekom mjestu fonta kao što su Google Fonts ili Typekit. Iako bi ovi fontovi trebalo da budu opterećeni pošto se povezujete sa samim datotekama, ipak želite da koristite font stack kako biste osigurali da imate neku kontrolu nad bilo kojim problemima koji se mogu javiti. Isto važi za fontove "web safe" koji bi trebali biti na nečijem računaru (obratite pažnju da su fontovi koje smo koristili kao primjeri u ovom članku, uključujući Arial, Verdana, Georgia i Times New Roman, sve web sigurne fontove koje trebaju biti na računaru osobe). Iako je verovatnoća da font nedostaje je vrlo nizak, navođenje stack fonta će pomoći što više moguće otpornosti na tipografski dizajn sajta .

Originalni članak Jennifer Krynin. Uredio Jeremy Girard na 8/9/17