Fonty – úvod
Co je font?
Pokládám hloupé otázky. A dostávám na ně hloupé odpovědi. Kdybych se většiny z vás zeptal, co je to vlastně ten font, řekli byste pravděpodobně „písmo“. Dobrá tedy, kdybych se však dále ptal, který font máte nejraději, tak bych se se zlou potázal. Já osobně bych také řekl třeba „Fujiyama“, či „Tahoma“, ale věřte nebo ne, taková odpověď je nekompletní. V angličtině existují dva termíny: typeface a font. Přeloženo do naší mateřštiny řez písma a druh písma. Mezi těmito dvěma podobnými termíny je propastný rozdíl.
Vezměme si ku pomoci základní rodinu bezpatkových fontů systému Windows – tou je Arial. Budeme-li hovořit o řezu písma, tak se zmiňujeme o tom, jak písmo vypadá – mluvíme o jeho „křivkách“. V tom případě stačí jednoslovné pojmenování Arial. Pustíme-li se však do křížku s termínem font (jehož užití je častější než domácí „druh písma“), ocitáme se rázem na tenkém ledě. Termín font je totiž konkrétní reprezentací velikosti a typu nějakého řezu. Konkétní font tedy můžeme vystihnout následovně: řez písma Arial, velikost 12 pixelů, podtržená kurzíva.
V předchozím odstavci jsem bezděky použil termín „rodina fontů“, tedy anglicky font family. Tento termín je používaným synonymem pro výraz typeface. A weboví tvůrci jsou již doma. Ti konzervativnější poznali analogii se zavrženou značkou FONT
, konkrétně <FONT FACE="rez_pisma">
. Ti progresivnější se pak nad souslovím font family pouze usmívají. Dobře ho totiž znají z CSS (kaskádové styly).
Font je písmo konkrétní velikosti a typu v rámci daného řezu, tedy v rámci dané rodiny fontů.
Fonty na webu?
V prostředí decentralizovaného hypertextu (čti Internetu) se můžete setkat s nepřebernou hromádkou fontů, avšak jen s minimálním počtem různých řezů. Celá věc se má tak, že pro každou ze tří nejrozšířenějších platforem existuje jen pár základních, předinstalovaných rodin. Pojítkem, a to ještě nejistým, pro uživatele Windows, Linuxu a Macu jsou typeface Arial a Courier. Základem pro budování přístupných stránek je dobře promyšlená definice řezu písma. V dalších řádcích předpokládám Vaši znalost CSS, nevíte-li tedy, co to je, začtěte se vzdělávat například zde.
Každá platforma má svá specifika, co se fontů týče. Mac OS X například nedělá žádné potíže – můžete se spolehnout, že základní systémové rodiny fontů (Arial, Courier, Helvetica, Monaco, New York, Times…) budou v drtivé většině případů v systému přítomny. Protipólem jsou pak různé distribuce systému Linux. Ty jsou, co se vybavenosti fonty týče, značně nesourodé. Lze sice předpokládat výskyt nejzákladnějších řezů (Arial, Courier…), avšak reálné řešení situace leží někde jinde, o tom si povíme později. Z pohledu webdesignera jsou určitě nejzajímavější fonty, které se vyskytují v různých systémech Windows. Právě tento systém používá drtivá většina návštěvníků internetu a je tedy dobré se na něj zaměřit. Prohlédněte si následující tabulku.
Typeface | W95 | WNT | W98 | WME | W2000 | WXP |
---|---|---|---|---|---|---|
Abadi MT Condensed Light | NE | NE | ANO | NE | NE | NE |
Arial | ANO | ANO | ANO | ANO | ANO | ANO |
Arial Alternative | NE | NE | NE | ANO | NE | NE |
Arial Alternative Symbol | NE | NE | NE | ANO | NE | NE |
Arial Black | NE | NE | ANO | ANO | ANO | ANO |
Book Antiqua | NE | NE | ANO | NE | NE | NE |
Calisto MT | NE | NE | ANO | NE | NE | NE |
Century Gothic | NE | NE | ANO | NE | NE | NE |
Comic Sans MS | ANO | NE | ANO | ANO | ANO | ANO |
Copperplate Gothic | NE | NE | ANO | NE | NE | NE |
Courier | ANO | ANO | ANO | ANO | ANO | ANO |
Courier New | ANO | ANO | ANO | ANO | ANO | ANO |
Estrangelo Edessa | NE | NE | NE | NE | NE | ANO |
Franklin Gothic Medium | NE | NE | NE | NE | NE | ANO |
Gautami | NE | NE | NE | NE | NE | ANO |
Georgia | NE | NE | NE | NE | ANO | ANO |
Impact | NE | NE | ANO | ANO | ANO | ANO |
Latha | NE | NE | NE | NE | NE | ANO |
Lucida Console | NE | ANO | ANO | ANO | ANO | ANO |
Lucida Handwriting Italic | NE | NE | ANO | NE | NE | NE |
Lucida Sans Unicode | NE | NE | NE | NE | ANO | ANO |
Marlett | ANO | NE | ANO | ANO | NE | NE |
Matisse ITC | NE | NE | ANO | NE | NE | NE |
Modern | ANO | ANO | ANO | NE | ANO | ANO |
MS Sans Serif | ANO | ANO | ANO | ANO | ANO | ANO |
MS Serif | ANO | ANO | ANO | ANO | ANO | ANO |
Mv Boli | NE | NE | NE | NE | NE | ANO |
News Gothic MT | NE | NE | ANO | NE | NE | NE |
OCR A Extended | NE | NE | ANO | NE | NE | NE |
Palatino Linotype | NE | NE | NE | NE | ANO | ANO |
Roman | NE | ANO | NE | NE | ANO | ANO |
Script | NE | ANO | NE | NE | ANO | ANO |
Small fonts | ANO | ANO | ANO | ANO | ANO | ANO |
Symbol | ANO | ANO | ANO | ANO | ANO | ANO |
Tahoma | NE | NE | ANO | ANO | ANO | ANO |
Tempus Sans ITC | NE | NE | ANO | NE | NE | NE |
Times New Roman | ANO | ANO | ANO | ANO | ANO | ANO |
Trebuchet MS | NE | NE | NE | ANO | ANO | ANO |
Tunga | NE | NE | NE | NE | NE | ANO |
Verdana | NE | NE | ANO | ANO | ANO | ANO |
Webdings | NE | NE | ANO | ANO | ANO | ANO |
Wingdings | ANO | ANO | ANO | ANO | ANO | ANO |
WST_Czech | NE | NE | NE | NE | NE | ANO |
WST_Engl | NE | NE | NE | NE | NE | ANO |
WST_Fren | NE | NE | NE | NE | NE | ANO |
WST_Germ | NE | NE | NE | NE | NE | ANO |
WST_Ital | NE | NE | NE | NE | NE | ANO |
WST_Span | NE | NE | NE | NE | NE | ANO |
WST_Swed | NE | NE | NE | NE | NE | ANO |
Logickou úvahou snadno dovodíme, že na internetu se používají především ty rodiny fontů, které jsou přítomny ve všech verzích Windows. Tato úvaha je však zcela scestná. Jak to je doopravdy a jak na tato písma v praxi, to si ukázeme v další kapitole.