Kompletní nastavení písma

Stejně jako u většiny vlastností nastavujících dílčí parametry čehosi, i u písem máte k dispozici integrující vlastnost font, jejímž prostřednictvím lze nastavit kompletní parametry písma.

Ovšem pozor, její hodnotu nelze tvořit zcela libovolně. Musíte dodržet určitá pravidla, jinak bude celá vlastnost font ignorována.

Na začátku můžete (a nemusíte) v libovolném pořadí uvést styl, tučnost a variantu. Za nimi povinně následuje velikost písma a za ní pak opět povinně seznam rodin čítající alespoň jednu rodinu. Jednotlivé hodnoty se od sebe oddělují mezerami, rodiny v seznamu pak čárkami (jako obvykle). Vlastnostem, jejichž hodnoty jste neuvedli, se přiřadí jejich výchozí hodnota. Nejlépe to celé ilustruje příklad.

Rozteč řádků

Vlastnost font nabízí ještě bonus zdarma, který je ostatními vlastnostmi font-* nedosažitelný. Můžete si poručit, jak daleko od sebe mají být řádky textu. Přesněji řečeno zadává se rozteč mezi jejich účařími (což je pomyslná linka, na níž sedí písmena).

Zadává se tak, že za velikost písma přidáte lomítko a vzdálenost mezi účařími. Například kdybych chtěl pro tisk stránce definovat jako základ dvanáctibodové písmo s rozestupem řádků 15 bodů, definoval bych

body { font: 12pt/15pt serif; }

Pokud pro zadání použijete relativní hodnotu, je tu jeden zádrhel, na který je třeba dávat pozor. Rozteč řádků se zadává relativně vůči velikosti písma tohoto prvku (zatímco velikost písma se zadává relativně vůči velikosti písma rodičovského prvku). Čísla před a za lomítkem jsou tedy relativní vůči různým hodnotám. Proto definice

h1 { font: bold 2em/1em sans-serif; }

není tak nesmyslná, jak se na první pohled zdá. Říká, že velikost písma v prvku <h1> má být dvojnásobkem velikosti běžného písma a že rozteč řádků v nadpisu se shoduje s velikostí jeho písma.

Podívejte se na ukázku, jaký dopad má rozteč řádků na podobu textu a k čemu se hodí.

Rozteč řádků má i svou vlastní vlastnost, není však zařazena do skupiny začínající font-. Jedná se o vlastnost line-height.

Systémová písma

Vlastnost font vám také umožňuje poručit klientovi, aby sáhl po některém z písem používaných v uživatelském rozhraní vašeho počítače. V takovém případě je hodnotou jen jediné slovo identifikující příslušné písmo. K dispozici jsou následující:

Tato varianta se může hodit, pokud chcete na stránkách napodobovat prvky uživatelského rozhraní.