Generické rodiny písma v CSS

Typografický dizajn hrá dôležitú úlohu v dizajne webových stránok. Kvalitne rozložený a naformátovaný textový obsah pomáha webovým serverom, aby boli úspešnejšie, pretože vytvárajú pôžitok z čítania, ktorý je príjemný a ľahko sa konzumuje. Súčasťou vašej práce pri písaní bude aj to, aby ste vybrali správne písma pre svoj návrh a potom pomocou CSS pridali tieto písma a štýly písma na zobrazenie stránky. To sa deje pomocou takzvaného a zásobník písma.

Stohy písma

Keď ty určiť písmo pri použití na webovej stránke je najlepším postupom zahrnúť aj záložné možnosti pre prípad, že by ste nenašli požadovaný typ písma. Tieto záložné možnosti sú uvedené v zásobník písma. Ak prehliadač nemôže nájsť prvé písmo uvedené v zásobníku, presunie sa na ďalšie. Pokračuje v tomto procese, kým nenájde písmo, ktoré môže použiť, alebo mu nedôjde výber (v takom prípade si iba vyberie ľubovoľné systémové písmo, ktoré chce). Tu je príklad toho, ako by vyzeral súbor fontov v CSS, keď by sa použil na prvok „body“:

telo {
rodina fontov: Georgia, "Times New Roman", pätkové;
}

Písmo Georgia sa zobrazuje ako prvé, takže predvolene sa bude používať táto stránka. Ak však toto písmo z nejakého dôvodu nie je k dispozícii, stránka sa vráti späť na Times New Roman.

Hromada písma končí slovom serif. Toto je druhový názov rodiny písma. V nepravdepodobnom prípade, že osoba nemá Gruzínsko resp Times New Roman na ich počítači by stránka používala akékoľvek pätkové písmo, ktoré by našla. Prehliadač vyberie písmo za vás, ale prinajmenšom ponúknete rady, aby vedel, aké písmo by v rámci návrhu fungovalo najlepšie.

Generické rodiny písma

Všeobecný názov písma dostupný v CSS je:

• kurzívou
• fantázia
• jednopriestorový
• serif
• bezpätkové

Aj keď v webdizajne a typografii existuje veľa ďalších klasifikácií písma, vrátane slab-serif, blackletter, display, grunge a ďalšie, týchto päť všeobecných názvov písma je tých, ktoré by ste použili v zásobníku písma v CSS.

• Kurzívne písma - často obsahujú tenké, zdobené tvary listov, ktoré sú určené na replikáciu efektného ručne písaného textu. Tieto písma nie sú pre svoje tenké kvetnaté písmená vhodné pre veľký blok obsahu, ako je napríklad textová kópia. Kurzívne písma sa zvyčajne používajú pre nadpisy a kratšie potreby textu, ktoré je možné zobraziť vo väčších veľkostiach písma.
• Fantasy písma - sú trochu šialené písma, ktoré skutočne nepatria do žiadnej inej kategórie. Fonty, ktoré replikujú známe logá, ako napríklad tvary listov z Harry Potter alebo Späť do budúcnosti filmy, patria do tejto kategórie. Tieto písma nie sú vhodné pre obsah tela, pretože sú často tak štylizované, že čítanie dlhších častí textu napísaného týmito písmami je príliš ťažké.
• Jednopriestorové písma - obsahujú rovnako veľké a rozmiestnené tvary písmen, aké by ste našli na starom písacom stroji. Na rozdiel od iných typov písma, ktoré majú premennú šírku písmen v závislosti od ich veľkosti (napríklad veľké písmená Ž zaberá oveľa viac miesta ako malé písmená i), jednopriestorové písma používajú pevnú šírku pre všetky znaky. Tieto písma sa často používajú na načítanie kódov, pretože vyzerajú zreteľne odlišne od ostatných textov na tejto stránke.
• Pätkové písma - použiť trochu ďalších ligatúr na formulároch. Tie extra kúsky sa volajú pätky. Bežné pätkové písma sú Georgia a Times New Roman. Pätkové písma fungujú skvele pre veľký text, ako je nadpis, aj pre dlhé pasáže textu a textu.
• Bezpätkovépísma - nemaj ligatúry. Názov znamená bez pätiek. Medzi populárne písma v tejto kategórii patria Arial alebo Helvetica. Podobne ako pätkové, aj bezpätkové písma fungujú rovnako dobre v nadpisoch aj v obsahu tela, aj keď niektoré odborníci dávajú prednosť tomu, aby sa veľké bloky textu vyhýbali bezpätkovým písmám, pretože sú v malom bode ťažšie čitateľné veľkosti.