Obecné klasifikace písma k dispozici na vašich webových stránkách
Při navrhování webových stránek je jedním z klíčových prvků stránky, se kterou budete pracovat, textový obsah. Když vytvoříte webovou stránku a budete ji stylovat pomocí CSS, velká část tohoto úsilí bude soustředěna kolem typografie webu.
Typografický design hraje důležitou roli při tvorbě webových stránek. Dobře vytyčené a formátované textové informace pomáhají místům být úspěšnější tím, že vytvářejí zážitek z čtení, který je jak příjemný, tak i snadný. Součástí vašeho úsilí o práci s typem bude vybrání správných písem pro návrh a poté použití CSS pro přidání těchto písem a stylů písma na displej stránky. To se provádí pomocí toho, co se nazývá " font-stack "
Font-Stacks
Když určíte písmo, které chcete použít na webové stránce, je nejlepší praxe také zahrnout záložní volby v případě, že volba písma nemůže být nalezena. Tyto záložní možnosti jsou uvedeny v "zásobníku fontů". Pokud prohlížeč nemůže najít první písmo uvedené v zásobníku, přechází na další. Pokračuje v tomto procesu, dokud nenalezne písmo, které může použít, nebo se vyčerpá volba (v takovém případě si zvolí libovolné systémové písmo, které chce). Zde je příklad toho, jak by se při použití na element "tělo" objevoval v CSS zásobník fontů:
tělo {font-family: Gruzie, "Times New Roman", serif; }}Všimněte si, že nejprve specifikujeme písmo Georgia. Ve výchozím nastavení to bude stránka, kterou použijete, ale pokud toto písmo není z nějakého důvodu k dispozici, stránka se vrátí zpět do Times New Roman. Přidáme název písma v dvojitých uvozovkách, protože je to vícekrát. Jednotlivé názvy písmen, jako je například Gruzie nebo Arial, nevyžadují uvozovky, ale jejich název vyžaduje více slov, takže prohlížeč ví, že všechna tato slova tvoří název písma.
Pokud se podíváte na konec zásobníku písem, měli byste si všimnout, že končíme slovem "serif". To je obecný název rodiny písem. V nepravděpodobné situaci, kdy člověk na svém počítači nemá Gruzie nebo Times New Roman, by místo používalo jakékoliv serifové písmo, které by mohlo najít. To je lepší, než aby bylo možné, aby se web dostal zpět k libovolnému typu písma, protože můžete alespoň říct, jaký typ písma je třeba použít, aby celkový vzhled a tón designu stránek byly co nejméně neporušené. Ano, prohlížeč si pro vás vybere písmo, ale přinejmenším poskytujete pokyny, takže ví, jaký typ písma bude nejlépe fungovat v rámci návrhu.
Generické rodiny písem
Obecný název písma dostupný v CSS jsou:
- kurzívní
- fantazie
- monospace
- serif
- sans-serif
Zatímco existuje mnoho dalších klasifikací fontů, které jsou k dispozici ve webdesignu a typografii, včetně slabopisek, blackletteru, displeje, grungeu a dalších, jsou 5 výše uvedené obecné názvy písem ty, které byste použili v zásobníku fontů v CSS. Jaké jsou rozdíly v těchto klasifikacích písem? Podívejme se!
Kurzivní písma často obsahují tenké ozdobné dopisní formáty, které mají replikovat fantazijní ručně psaný text. Tato písma, kvůli jejich tenkým květinovým písmem, nejsou vhodná pro velké bloky obsahu, jako je kopie těla. Kurzivní písma se obecně používají pro hlavičky a kratší textové potřeby, které lze zobrazit ve větších velikostech písma.
Fantasy fonty jsou poněkud bláznivé fonty, které se opravdu nespadají do jiné kategorie. Do této kategorie spadají fonty, které replikují známá loga, jako jsou formáty dopisů z filmů Harry Potter nebo Back to the Future. Opět platí, že tato písma nejsou vhodná pro obsah těla, protože jsou často tak stylizovaná, že čtení delších pasáží textu napsaného v těchto fontech je příliš těžké.
Monospace písma jsou ty, kde jsou všechny formáty dopisu stejně velké a rozložené, jako byste našli na starém psacím stroji. Na rozdíl od jiných písem, které mají proměnné šířky pro písmena v závislosti na jejich velikosti (např. Kapitál "W" by zaujal mnohem více místa než malá písmena "i"), monospace písma jsou pevně šířená pro všechny znaky. Tato písma se často používají při zobrazování kódu na stránce, protože vypadají výrazně odlišně než jiný text na této stránce.
Serif fonty jsou jednou z nejoblíbenějších klasifikací. Jedná se o fonty, které mají malé písmo na písmenách. Ty další kusy se nazývají "serifs". Běžné písma serifu jsou Gruzie a Times New Roman. Serif písma mohou být použity pro velký text, jako je nadpis, stejně jako dlouhé pasáže textu a těla kopie.
Sans-serif je poslední klasifikace, na kterou se podíváme. Jsou to fonty, které nemají ty výše uvedené ligatury. Název znamená "bez patek". Oblíbené písma v této kategorii by byly Arial nebo Helvetica. Podobně jako u serifů lze sans-serif fonty používat stejně dobře jak v okruzích, tak v obsahu těla.
Původní článek Jennifer Krynin. Upravil Jeremy Girard na 16.10.17