Zatímco obrazy získávají hodně z lásky, když přicházejí na webové stránky, je to psané slovo, které apeluje na vyhledávače a provádí obsah většiny stránek. Jako takový typografický design je kriticky důležitou součástí návrhu webových stránek. S důrazem textu webu přichází potřeba zajistit, aby vypadal dobře a byl snadno čitelný. To se provádí pomocí stylů CSS (Cascading Style Sheets).
Podle moderního standardu webového designu, chcete-li diktovat vzhled textového obsahu webových stránek, použijte CSS. Toto odděluje styl CSS od struktury HTML stránky. Například pokud chcete nastavit písmo stránky na "Arial", můžete tak učinit tak, že do CSS přidáte následující pravidlo stylu (poznámka - to by se dalo udělat v externím stylu CSS, který ovládá styly pro každou stránku na webu):
tělo {font-family: Arial; }}Toto písmo je nastaveno na "tělo", takže kaskáda CSS použije styl na všechny ostatní prvky stránky. Je to proto, že každý další prvek HTML je podřízený prvek "těla", styly CSS jako rodina písem nebo barva budou kaskádovat od rodiče k podřízenému prvku. To bude případ, pokud není pro určité prvky přidán více specifický styl. Jediným problémem tohoto CSS je, že je zadáno pouze jedno písmo. Pokud toto písmo nemůže být nalezeno z nějakého důvodu, prohlížeč nahradí další místo. To je špatné, protože nemáte žádnou kontrolu nad tím, které písmo se používá - prohlížeč si pro vás vybírá a možná se vám nelíbí, co se rozhodlo používat! Zde přichází zásobník fontů.
Sestava písma je seznam písem v deklaraci rodiny písem CSS. Písma jsou uvedena v pořadí preference, že byste se chtěli objevit na webu v případě problému, jako je písmo, které se nenahrává. Sada fontů umožňuje návrháři ovládat vzhled písem na webové stránce, a to i v případě, že počítač neobsahuje počáteční písmo, které jste volali.
Jak vypadá zásobník písma? Zde je příklad:
tělo {font-family: Gruzie, "Times New Roman", serif; }}Zde je několik věcí, které si můžete všimnout.
Nejprve uvidíte, že jsme oddělovali jména různých písem čárkou. mezi každým Můžete přidat tolik písma, kolik chcete, pokud jsou odděleny čárkou. Prohlížeč se pokusí nejprve načíst první písmo. Pokud se to nezdaří, spustí se po řádku každé písmo, dokud nenajde ten, který může použít. V tomto příkladu používáme webová bezpečné písmo a "Gruzie" bude pravděpodobně nalezeno v osobě počítače, který je na webu navštěvován (poznamenejte si - prohlížeč vypadá na vašem počítači pro písma určená na stránce, takže stránky skutečně říkají počítač, který chcete načíst z vašeho systému). Pokud se z nějakého důvodu nepodařilo nalézt písmo, přesunula se do zásobníku dolů a zkuste zadat další písmo.
Pokud jde o další písmo, všimněte si, jak je napsáno v zásobníku. Název "Times New Roman" je obsažen v dvojitých uvozovkách. Důvodem je, že název písma obsahuje několik slov. Jakékoliv názvy písem s více slovy (Trebuchet MS, Courier New atd.) Musí mít název v dvojitých uvozovkách, takže prohlížeč ví, že všechna tato slova jsou součástí jednoho názvu písma.
Nakonec skončíme s vrstvou písma "serif", což je obecná klasifikace písma. V nepravděpodobné instanci, že žádné písmo, které jste jmenovali ve svém zásobníku, jsou k dispozici, prohlížeč místo toho najde jen písmo, které přinejmenším spadá do správné klasifikace, kterou jste si vybrali. Například pokud používáte sans-serif písma jako Arial a Verdana, než ukončení zásobníku písem s klasifikací "sans-serif" bude alespoň zachovat písmo v této celkové rodině, pokud dojde k problému zatížení. Jistě by mělo být velmi vzácné, že prohlížeč nemůže nalézt žádné písmo uvedené v zásobníku a místo toho musí použít tuto obecnou klasifikaci, je to nejlepší praxe, že ho začleňme tak, aby byla dvojnásobně bezpečná.
Písma a webové písma
Mnoho webových stránek dnes používá webové písma, které jsou na webu zahrnuty spolu s dalšími zdroji (jako jsou obrázky webu, soubor Javascript atd.) Nebo jsou propojeny s umístěním písma mimo lokalitu, jako jsou písma Google nebo Typekit. Zatímco by tato písma měla být načtena, protože propojujete soubory samotné, stále chcete použít zásobník písma, abyste měli jistotu, že máte nějakou kontrolu nad problémy, které mohou vzniknout. Stejná věc platí i pro fonty typu "web safe", které by měly být v počítači někoho (všimněte si, že fonty, které jsme použili jako příklady v tomto článku, včetně Arial, Verdana, Georgia a Times New Roman, jsou všechna písma bezpečná pro web. na osobním počítači). I když pravděpodobnost chybějícího písma je velmi nízká, určení zásobníku písem bude co nejvíce pomáhat typografickému designu stránek .
Původní článek Jennifer Krynin. Editoval Jeremy Girard dne 8/9/17