Typografie na webu…
Přehled fontů
Přestože jsou na tvůrce webových stránek v oblasti výběru fontu kladena značná omezení, existuje několik použitelných možností, jak písmo přizpůsobit svému cítění. Nyní si ukážeme několik variant, které je možno použít i pro češtinu. Využijeme svých znalostí základů kaskádových stylů a nesmíme zapomenout, že názvy fontů, které obsahují mezeru, je nutné uzavřít do uvozovek.
Avšak pozor. Takřka žádná uvedená definice písma není bezchybná (snad vyjma serif a sans-serif). Kvůli tomu, že existuje poměrně značné množství platforem a operačních systémů, jedná se o ne tak docela jistá řešení. Nemám čas ani tehnické zázemí k tomu, abych mohl vše patřičně otestovat, proto prosím o případné nahlášení možných problémů na některých méně rozšířených OS.
Základní bezpatkové písmo (Arial, Helvetica)
Definici bezpatkového písma ukazuje níže uvedený jednoduchý zápis. Prohlížeč zvolí výchozí bezpatkové písmo operačního systému (nejčastěji Arial nebo Helvetica). Obecně se dá říci, že na obrazovce bezpatkové písmo méně unavuje oči.
font-family: sans-serif;
Základní patkové písmo (Times)
Pro základní patkové písmo stačí použít jen mírně upravený zápis. Jako obecnou rodinu písma nadefinujeme serif a prohlížeč zvolí základní patkové písmo operačního systému (nejčastěji Times New Roman Stanleyho Morrisona).
font-family: serif;
Neproporcionální písmo (Courier)
Neproporcionální písmo je takové, které nemá diferenciovanou šířkovou proporci znaků, tzn. všechny znaky písma jsou stejně široké. Nejčastěji se používá pro zápis zdrojových kódů nebo pro napodobení písma psacího stroje.
font-family: monospace;
Arial, Helvetica
Arial na Windows a Helvetica na Macu jsou základními bezpatkovými písmy. Problém je ale v tom, že různé verze operačních systémů mohou obsahovat různé verze těchto fontů. Je proto nutné psát nejdříve písma s příponou CE, kde je jistota, že obsahují české znaky. Non-CE varianta musí následovat až po nich a také nesmí na konci výčtu chybět nadefinovaná obecná rodina písma. V opačném případě by se text nemusel vůbec zobrazit.
font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica,
sans-serif;
Verdana
Verdana se na webu dobře osvědčila. Má poměrně širokou kresbu, vyšší střední výšku a na monitoru se celkem slušně čte. Oproti ostatním fontům působí větší, což je dobře patrné ve srovnání s ostatními ukázkami. Ve verzi CE se v operačních systémech nevyskytuje, samotná Verdana obsahuje všechny středoevropské znaky.
font-family: Verdana, 'Geneva CE', lucida, sans-serif;
Tahoma
Tahoma je příjemné lineární bezserifové písmo ne nepodobné Verdaně, ale nemá tak širokou kresbu a řádka nepůsobí tak klidným dojmem. Dobře vypadá spíše ve větších stupních, ale i tak nabízí slušnou alternativu ke stále stejným písmům na webu.
font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
Times New Roman
Times New Roman je obvykle základním serifovým písmem operačního systému Windovs. Má trochu delší horní a dolní přetahy, proto je třeba pamatovat, že například ve srovnání s Verdanou nebo Arialem působí ve stejném stupni menším dojmem.
font-family: 'Times New Roman CE', 'Times New CE',
'Times CE', 'Times New Roman', Times, serif;
Georgia
Georgia představuje dobrou alternativu ke značně okoukanému Timesu, v menších stupních však působí trochu hranatě a pro dlouhé texty bych ji asi nepoužil. Jako titulkové písmo však vytváří velmi dobrý dojem.
font-family: Georgia, 'Times New CE', 'Times CE',
'Times New Roman', Times, serif;
Courier
Courier je nejznámějším zástupcem neproporcionálních písem předurčeným k sazbě zdrojových kódů a podobně. Pro delší texty se nehodí.
font-family: 'Courier New CE', 'Courier CE', 'Courier New',
Courier, monospace;
Comic Sans MS
Jedná se o veselý Microsoftí font, jenž zřejmě příliš široké uplatnění nenalezne. Použitelný je spíše ve větších stupních. Na ukázce jde dobře vidět, že v malých stupních je kurzíva velmi nečitelná.
font-family: 'Comic Sans MS', 'Sand CE', fantasy;