Medtem ko slike dobijo veliko ljubezni, ko pridejo na spletne strani, je pisna beseda, ki se pritoži na iskalnike in prinaša vsebino večine spletnih mest. Kot taka je tipografsko oblikovanje ključno pomemben del zasnove spletne strani. Zaradi pomena besedila spletnega mesta je treba zagotoviti, da izgleda dobro in je enostavno brati. To naredite s stilom CSS (Cascading Style Sheets).
V skladu s sodobnim standardom spletnega oblikovanja, ko želite narekovati videz spletne vsebine, boste to storili z uporabo CSS-ja. Ta slog CSS ločuje od strukture HTML strani. Kot primer, če želite, da se pisava strani nastavi na »Arial«, lahko to naredite tako, da v svoj CSS dodate naslednje pravilo sloga (opomba - to bi verjetno potekalo v zunanjem slogovnem strežniku CSS, ki omogoča sloge za vsako stran na spletni strani):
telo {font-family: Arial; }Ta pisava je nastavljena za "telo", tako da bo kaskada CSS uporabila slog za vse ostale elemente strani. To je zato, ker je vsak drugi element HTML otrok elementa "telo", slogi CSS, kot so družina pisav ali barva, bodo kaskadirali od staršev do otrokovega elementa. To velja, če za določene elemente ni dodan bolj specifičen slog. Edina težava s tem CSS je, da je podana samo ena pisava. Če ta fonta iz nekega razloga ni mogoče najti, bo brskalnik nadomestil drugo na svojem mestu. To je slabo, ker nimate nadzora nad tem, katero pisavo uporabljate - brskalnik se bo odločil za vas in vam morda ne bo všeč, kar se je odločil za uporabo! Tukaj pride v stack font.
Št. Pisave je seznam pisav v deklaraciji družine CSS-family. Pisave so naštete po vrstnem redu, ki bi jih želeli prikazati na spletnem mestu v primeru težav, kot je pisava, ki ni naložena. Stek pisave omogoča oblikovalcu, da nadzoruje videz pisav na spletni strani, tudi če računalnik nima začetne pisave, ki ste jo poklicali.
Torej, kako izgleda izgled palice? Tukaj je primer:
telo {font-family: Georgia, "Times New Roman", serif; }Obstaja nekaj stvari, ki jih je treba opaziti tukaj.
Najprej boste videli, da smo imena različnih pisav ločili z vejico. med njimi lahko dodate čim več pisav, kolikor želite, če jih ločite z vejico. Brskalnik bo poskusil naložiti najprej navedeno prvo pisavo. Če to ne uspe, se bo zmanjkalo linije, ki bo preskusila vsako pisavo, dokler ne najde enega, ki ga lahko uporabi. V tem primeru uporabljamo spletne varne pisave in "Georgia" bo najverjetneje mogoče najti na računalniku osebe, ki obišče spletno stran (opomba - brskalnik poišče vaš računalnik za pisave, določene na strani, zato spletno mesto dejansko pripoveduje računalnik, ki naloži pisave iz vašega sistema). Če iz nekega razloga ta pisava ni bila najdena, bi se pomaknil navzdol in preskusil naslednjo določeno pisavo.
V zvezi s to naslednjo pisavo opazite, kako je zapisano v svežnju. Ime "Times New Roman" je v dvojnih narekovajih. To je zato, ker ima ime pisave več besed. Imena pisav z več kot eno besedo (Trebuchet MS, Courier New itd.) Morajo imeti ime v dvojnih narekovajih, tako da brskalnik ve, da so vse te besede del enega imena pisave.
Nazadnje končamo s stevilko pisave s »serif«, ki je splošna klasifikacija pisave. V neverjetnem primeru, da ni na voljo nobene od pisav, ki ste jih navedli v vašem naboru, bo brskalnik namesto tega najdejo pisavo, ki vsaj pade v pravilno razvrstitev, ki ste jo izbrali. Na primer, če uporabljate pisave sans-serif, kot sta Arial in Verdana, pa bo ob zaključku paketa pisav s klasifikacijo »sans-serif« vsaj obdržal pisavo v tej skupni družini, če je težava obremenitve. Res je, da bi bilo zelo redko, da brskalnik ne najde nobene pisave, ki so navedene v svežnju, in namesto tega uporabiti to generično klasifikacijo, je najboljša praksa, da jo vključite tudi tako, da je dvakrat varna.
Font Stacks in spletni pisave
Številna spletna mesta danes uporabljajo spletne pisave, ki so vključene tudi na spletno mesto, skupaj z drugimi viri (kot so slike na spletnem mestu, datoteka Javascript, itd.) Ali povezane z zunanjimi pisavami, kot so Google Fonts ali Typekit. Čeprav bi morali te pisave naložiti, ker se povezujete z datotekami sami, še vedno želite uporabiti paket stikov, da boste imeli nekaj nadzora nad morebitnimi težavami. Enako velja za pisave "spletne varne", ki morajo biti na nekom računalniku (upoštevajte, da so pisave, ki smo jih uporabili kot primere v tem članku, vključno z Arial, Verdana, Georgia in Times New Roman, vse spletne varnostne pisave, ki jih je treba na računalniku osebe). Čeprav je verjetnost, da manjka pisava, je zelo majhna, določanje velikosti pisave bo v največji možni meri pripomoglo k nepremišljenemu tipografskemu oblikovanju spletnega mesta .
Izvorni članek Jennifer Krynin. Uredil Jeremy Girard dne 19.8.17