Písmo
Písmo na stránce by mělo být především čitelné. Je zbytečné, používat kdejaké složité nepodporované písmo, když si pak návštěvník text nebude moci ani přečíst. Čím jednodušší a obyčejnější písmo bude, tím lépe. Je také zbytečné, používat různé písmo v různých částech webu.
Rodina písma
K určení rodiny písma slouží vlastnost font-family. V té definujeme názvem písma jaké konkrétní písmo bude použito. (např. Arial). Dále definujeme písmo, které bude použito v případě, že první definované písmo nemá prohlížeč k dispozici. Takto můžeme určit i několik alternativních písem. Pro případ, že by prohlížeč neměl k dispozici žádné z určených písem ještě použijeme obecnou rodinu (tu bychom měli použít vždy a to na konci výpisu písem).
- serif
- patkové písmo (např. Times New Roman)
- sans-serif
- bezpatkové písmo (např. Arial, Arial CE, Arial Narrow, Verdana, Helvetica)
- monospace
- neproporciální písmo (např. Courier, Courier New)
- cursive
- ozdobná kurzíva (např. Comic Sans, )
- fantasy
- ozdobné písmo (např. Western)
Celý zápis pak může vypadat např. takto:
body {font-family: Arial, Helvetica, sans-serif}
Styl písma
Vlastnost font-style určí, zda se bude jednat o písmo normální, kurzívu, nebo skloněné písmo. Rozdíl mezi kurzívou a skloněným písmem je mimo jiné v tom, že kurzíva je jedinečným řezem písma, kdežto skloněné písmo vzniká transformací normálního řezu.
- normal
- normální
- italic
- kurzíva
- oblique
- skloněné písmo
body {font-style: italic}
Varianta písma
Varianty písma jsou dvě: normální písmo a kapitálky. Určuje se vlastností font-variant.
- normal
- normální
- small-caps
- kapitálky
h1 {font-variant: small-caps}
Velikost písma
Velikost písma určíme vlastností font-size. Takto můžeme určit 7 různých velikostí:
- xx-small
- x-small
- small
- medium
- large
- x-large
- xx-large
h1 {font-size: large}
Velikost písma můžeme určit také relativně vzhledem k aktuální velikosti písma.
- larger
- větší než aktuální písmo
- smaller
- menší než aktuální písmo
h2 {font-size: larger}
Dále můžeme velikost určit např. v pixelech (px) nebo jiným jednotkách (pt, em, ex, cm, mm, in).
p {font-size: 16px}
Relativně vzhledem k aktuální velikosti písma můžeme velikost určit v procentech.
h1 {font-size: 150%}
Duktus písma
Duktus písma je poměr tloušťky písmových tahů k výšce písma, tedy to, jak je písmo silné. Určuje se vlastností font-weight
- normal
- normální
- bold
- tučné
h1 {font-weight: bold}
Tato vlastnost může mít hodnotu ještě bolder (o něco silnější písmo než normální) a lighter (o něco slabší než normální). Nějak mám ale pocit, že to zas až tak nefunguje. Podobně je to s hodnotami 100, 200, 300, 400, 500, 600, 700, 800, 900. Tady funguje 100-500 jako normal a 600-900 jako bold.