Všeobecné klasifikácie písma, ktoré sú k dispozícii na vašich webových stránkach
Pri navrhovaní webových stránok je jedným z kľúčových prvkov stránky, s ktorou budete pracovať, textový obsah. Pri vytváraní webovej stránky a štýle s CSS sa veľká časť tohto úsilia bude sústrediť na typografiu stránky.
Typografický dizajn zohráva dôležitú úlohu pri návrhu webových stránok. Dobre rozložený a formátovaný textový text pomáha úspešnejšej stránke tým, že vytvára čitateľskú skúsenosť, ktorá je príjemná a ľahko konzumovateľná. Súčasťou vášho úsilia pri práci s typom bude vybrať správne fonty pre návrh a potom použiť CSS na pridanie týchto písiem a štýlov písma na zobrazenie stránky. To sa deje pomocou toho, čo sa nazýva " font-stack "
Font-Stohy
Keď zadáte písmo, ktoré sa má použiť na webovej stránke, je najlepšou praxou zahrnúť aj záložné možnosti v prípade, že nemôžete nájsť voľbu písma. Tieto záložné možnosti sú uvedené v "zásobníku fontov". Ak prehliadač nemôže nájsť prvé písmo uvedené v zásobníku, premiestni sa na ďalší. Pokračuje v tomto procese, až kým nenájde písmo, ktoré môže použiť, alebo sa vyčerpá voľba (v takom prípade si vyberie akékoľvek systémové písmo, ktoré chce). Tu je príklad toho, ako by sa pri použití na prvok "telo" v CSS zobrazoval stack fontov:
telo {font-family: Gruzínsko, "Times New Roman", serif; }Všimnite si, že najprv špecifikujeme písmo Georgia. Štandardne to je to, čo stránka použije, ale ak toto písmo nie je z nejakého dôvodu k dispozícii, stránka sa vráti späť do Times New Roman. Priložili sme tento názov písma v dvojitých úvodzovkách, pretože ide o viacpólový názov. Jednoduché názvy fontov, napríklad Gruzínsko alebo Arial, nevyžadujú úvodzovky, ale ich názov potrebuje viacero slov, takže prehliadač vie, že všetky tieto slová tvoria názov písma.
Ak sa pozriete na koniec balíka fontov, mali by ste si všimnúť, že končíme slovom "serif". Toto je všeobecný názov rodiny písiem. V nepravdepodobnom prípade, že osoba nemá na svojom počítači Gruzínsko alebo Times New Roman, stránka by použila akékoľvek písmo, ktoré by bolo možné nájsť. To je lepšie, ak necháte miesto, aby sa namiesto ľubovoľného písma chce, pretože môžete aspoň povedať, aký druh písma sa používa tak, aby celkový vzhľad a tón dizajnu lokality bol tak neporušený, ako je to možné. Áno, prehliadač si pre vás vyberie písmo, ale prinajmenšom poskytujete pokyny, takže vie, aký druh písma bude najlepšie fungovať v rámci dizajnu.
Generické rodiny písiem
Všeobecný názov písma dostupný v CSS sú:
- kurzívní
- fantázie
- neproporcionálne
- serif
- sans-serif
Zatiaľ čo v web dizajne a typografii je k dispozícii mnoho ďalších klasifikácií písma, vrátane slaboposuvu, čierneho listu, displeja, grunge a ďalších, tieto 5 vyššie uvedených generických názvov písiem sú tie, ktoré by ste použili v zásobníku fontov v CSS. Aké sú rozdiely v týchto klasifikáciách písma? Pozrime sa!
Kurzívne písma často obsahujú tenké ozdobné písmená, ktoré majú reprodukovať fantazijný ručne písaný text. Tieto písma, kvôli ich tenkým, kvetinovým písmom, nie sú vhodné pre veľký blok obsahu, ako je telo kopírovanie. Kurzívne písma sa všeobecne používajú pre nadpisy a kratšie textové potreby, ktoré sa dajú zobraziť vo väčších veľkostiach písma.
Fantasy písma sú trochu bláznivé fonty, ktoré v skutočnosti nepatria do žiadnej inej kategórie. Fonty, ktoré replikujú dobre známe logá, ako sú písmená z filmov Harry Potter alebo Back to the Future, patria do tejto kategórie. Opäť, tieto fonty nie sú vhodné pre obsah tela, pretože sú často tak štylizované, že čítanie dlhších pasáží textu napísaného v týchto píshoch je príliš ťažké.
Monospace písma sú tie, kde sú všetky listy rovnako veľké a rozmiestnené, ako by ste našli na starom písacom stroji. Na rozdiel od ostatných písiem, ktoré majú premennú šírku písmen v závislosti od ich veľkosti (napríklad kapitál "W" by zaberal oveľa väčší priestor ako malý písmen "i"), monospace písma sú pevne nastavené pre všetky znaky. Tieto písma sa často používajú pri zobrazovaní kódu na stránke, pretože vyzerajú výrazne odlišne od ostatných textov na danej stránke.
Pätkové písma sú jednou z najpopulárnejších klasifikácií. Sú to fonty, ktoré majú malé písmená na písmenách. Tieto ďalšie kusy sa nazývajú "pätky". Bežné písmená Serif sú Gruzínsko a Times New Roman. Pätkové písma sa dajú použiť pre veľký text, napríklad pre hlavičku, ako aj pre dlhé pasáže textu a telo.
Sans-serif je posledná klasifikácia, na ktorú sa pozrieme. Sú to fonty, ktoré nemajú vyššie uvedené ligatúry. Názov znamená "bez pätky". Populárne písma v tejto kategórii by boli Arial alebo Helvetica. Podobne ako pri serifoch, sans-serif písma môžu byť použité rovnako dobre v hlavičke, rovnako ako obsah tela.
Originálny článok od Jennifer Krynin. Upravený Jeremy Girard dňa 16.10.17