Zatiaľ čo obrázky získajú veľa z lásky, keď prídu na webové stránky, je to písomné slovo, ktoré apeluje na vyhľadávače a prenáša obsah väčšiny stránok. Ako taký, typografický dizajn je kriticky dôležitou súčasťou dizajnu webových stránok. S dôležitosťou textu stránky je potrebné zabezpečiť, aby vyzeralo dobre a je ľahko čitateľné. To sa deje s CSS (Cascading Style Sheets) styling.
Podľa moderného štandardu webového dizajnu, keď chcete diktovať vzhľad textového obsahu webových stránok, urobíte to pomocou CSS. Toto oddeľuje štýl CSS od štruktúry HTML stránky. Napríklad, ak chcete nastaviť písmo stránky na "Arial", môžete tak urobiť pridaním nasledujúceho pravidla štýlu do vášho CSS (poznámka - toto by sa pravdepodobne uskutočnilo v externom štýle CSS štýle, ktorý ovláda štýly pre každú stránku na webovej stránke):
body {font-family: Arial; }Toto písmo je nastavené pre "body", takže kaskáda CSS použije štýl na všetky ostatné prvky stránky. Je to preto, že každý ďalší prvok HTML je dieťaťom elementu "telo", štýly CSS ako rodina písma alebo farba sa budú kaskádovať od rodičov k podriadenému prvku. Bude to tak, ak nie je pridaný špecifický štýl pre určité prvky. Jediným problémom s týmto CSS je, že je špecifikované len jedno písmo. Ak nie je možné nájsť toto písmo z nejakého dôvodu, nahradí ho iný prehliadač. Je to zlé, pretože nemáte žiadnu kontrolu nad tým, aký font sa používa - prehliadač si pre vás vyberie a možno sa vám nepáči, čo sa rozhodlo používať! To je miesto, kde sa nachádza zásobník fontov.
Písmo zásobníka je zoznam písma v deklarácii rodiny písiem CSS. Písma sú uvedené v poradí, v akom preferencií chcete, aby sa zobrazili na stránkach v prípade problému, akým nie je načítanie písma. Písmo zásobníka umožňuje návrhár riadiť vzhľad písiem na webovej stránke, aj keď počítač nemá pôvodné písmo, ktoré ste volali.
Tak ako vyzerá zásobník písma? Tu je príklad:
telo {font-family: Gruzínsko, "Times New Roman", serif; }Tu je niekoľko vecí, ktoré si môžete všimnúť.
Najprv uvidíte, že sme odlíšili rôzne mená písma čiarkou. medzi každým Môžete pridať toľko písma, koľko chcete, pokiaľ sú oddelené čiarkou. Prehliadač sa pokúsi najprv načítať prvé písmo. Ak sa to nepodarí, spustí sa líniou pri každom fonde, kým sa nepodarí nájsť ten, ktorý môže použiť. V tomto príklade používame webové bezpečné písma a "Gruzínsko" sa pravdepodobne nájde v počítači používateľa, ktorý navštevuje danú lokalitu (pozrite sa, prehliadač hľadá na vašom počítači písma uvedené na stránke, takže stránka skutočne hovorí počítač, ktorý fonty načítať z vášho systému). Ak sa z nejakého dôvodu nepodarilo nájsť písmo, posunul sa smerom nadol a vyskúšajte ďalšie zadané písmo.
Pokiaľ ide o ďalšie písmo, všimnite si, ako je napísané v zásobníku. Názov "Times New Roman" je zahrnutý v dvojitých úvodzovkách. Je to preto, že názov písma obsahuje viacero slov. Akékoľvek mená písma s viac ako jedným slovom (Trebuchet MS, Courier New atď.) Musia mať meno v dvojitých úvodzovkách, aby prehliadač vedel, že všetky tieto slová sú súčasťou jedného názvu písma.
Nakoniec skončíme s fontom "serif", čo je všeobecná klasifikácia písma. V nepravdepodobnom prípade, že nie je k dispozícii žiadne písmo, ktoré ste nazvali v zásobníku, prehliadač namiesto toho nájde iba písmo, ktoré aspoň patrí do správnej klasifikácie, ktorú ste si vybrali. Napríklad, ak používate sans-serif písma ako Arial a Verdana, ako koniec sadu písiem s klasifikáciou "sans-serif", aspoň zachováte písmo v tejto celkovej rodine, ak nastane problém s načítaním. Samozrejme, malo by byť veľmi zriedkavé, že prehliadač nemôže nájsť žiadne písmo uvedené v zásobníku a musí namiesto toho používať túto generickú klasifikáciu, je najlepšou praxou zahrnúť ho tak, aby bola dvojnásobne bezpečná.
Písma a Webové písma
Mnoho webových stránok dnes používa webové písma, ktoré sú súčasťou webových stránok spolu s ďalšími zdrojmi (napríklad obrázky stránok, súbor s Javascript atď.) Alebo sú prepojené s umiestneniami písma mimo kancelárie, ako sú napríklad písma Google alebo Typekit. Zatiaľ čo tieto písma by sa mali načítať, pretože sa spájate so samotnými súbormi, stále chcete použiť zásobník fontov, aby ste sa uistili, že máte určitú kontrolu nad akýmikoľvek problémami, ktoré môžu vzniknúť. To isté platí pre písma "web safe", ktoré by sa mali nachádzať na inom počítači (všimnite si, že písma, ktoré sme použili ako príklady v tomto článku vrátane Arial, Verdana, Georgia a Times New Roman, sú všetky fonty bezpečné pre web. na osobnom počítači). Hoci pravdepodobnosť chýbajúceho písma je veľmi nízka, špecifikácia zásobníka písma bude čo najviac pomôcť typizovanému dizajnu stránok .
Originálny článok od Jennifer Krynin. Upravený Jeremy Girard dňa 8/9/17