Fonty - sumář, časté chyby
Stručný sumář
Alfou a omegou internetové typografie jsou řezy Arial (či Helvetica), Courier a Times, které se vyskytují snad na všech platformách, mnohdy jako základní fonty. Jejich nadužíváním však nevyhnutelně došlo k tomu, že zejména Arial a Times působí dosti fádně. Z tohoto důvodu přichází ke slovu alternativní, elegantnější rodiny písem. Zde je malý přehled řezů a jejich definicí.
Řez | Definice |
---|---|
Arial | font-family: sans-serif; |
Courier | font-family: monospace; |
Georgia | font-family: Georgia, "New York CE", utopia, sans-serif; |
Lucida Console | font-family: "Lucida Console", "Monaco CE", fixed, monospace; |
Palatino Linotype | font-family: "Palatino Linotype", "New York CE", utopia, serif; |
Tahoma | font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; |
Times | font-family: serif; |
Trebuchet MS | font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; |
Verdana | font-family: Verdana, "Geneva CE", lucida, sans-serif; |
Nejčastější chyby
- Neúplná definice řezu písma
- Nadužívání různých řezů
- Používání netradičních fontů
- Chybějící uvozovky
Neúplná definice řezu písma
Prohlédněte si následující zápis:
Zdá se Vám zcela v pořádku? Neměl by. Tváří se sice poměrně nevinně, pro každý odstavec v dokumentu bude použit řez Trebuchet MS, není-li v systému přítomen, alternuje Tahoma, pro Mac OS definici jistíme Genevou a linux si přijde na své s lucidou. Chybí však to úplně nejpodstatnější – obecná rodina fontů.
Pamatujte si, že můžete klidně zapomenout na uživatele libovolného operačního systému, můžete je i cíleně ignorovat, ale nikdy si nemůžete odpustit zápis generické (obecné) rodiny toho kterého fontu. Správný zápis je tedy:
Nadužívání různých řezů
Podívejte se na toto:
span { font-family: "Palatino Linotype", serif; }
h2 { font-family: monospace; }
li { font-family: Georgia, serif; }
Tato definice je technicky veskrze správná, porušuje však jedno z nejdůležitějších typografických pravidel. Míchá v jednom dokumentu čtyři různé řezy písma. To je hrubá chyba.
Více různých řezů v jednom dokumentu totiž:
- unavuje oči
- spolehlivě zničí veškerý estetický prožitek
- člověka mate, protože se jedná o další, avšak zcela zavádějící, orientační soustavu na stránce
- donutí opustit Vaši stránku kohokoliv, kdo jen trochu přičichl k webdesignu
Obecně se uvádí, že ideální počet písem na jednu stránku jsou dvě. Obvykle pak jeden typ pro nadpisy, druhý pro samotný text. Z vlastní zkušenosti vím, že je-li text správně strukturován, není problém do stránky začlenit tři různé řezy. Platí to však pouze na robustnějších webech s precizním layoutem, vyžaduje to dost šikovnosti a citu pro detail.
Používání netradičních fontů
Kód mluví sám za sebe:
Rodina fontů Keypunch opravdu existuje, ale přesto je naivní si myslet, že ji bude mít rozumné procento uživatelů ve svém systému přítomnu. Operujte jen s takovými řezy, u kterých máte jistotu, že se vykreslí správně. Existují sice metody, kterak ponouknout uživatelův prohlížeč ke stažení žádaného fontu, ale ty se v praxi používají zcela minimálně. Namísto nich raději weboví tvůrci sáhnout k náhradě takového textu obrázkem, chtějí-li mermomocí daný font použít.
Chybějící uvozovky
Ano, chybějící uvozovky jsou opravdu kapitola sama pro sebe. Nebudu se Vám snažit namluvit, že to bez nich nefunguje. Funguje. Je to ale, pregnantně řečeno, pěkná prasárna. Takže vždycky pišme kód takhle:
V další kapitole si ukážeme, kterak můžeme definovat font pomocí CSS.