Font

CSS vlastnost font může určovat všechny css vlastnosti písma najednou.

Jde o úspornější zápis vlastností písma. Při zápisu vlastností se musí dodržovat pořadí, jinak to nebude fungovat. Většina hodnot se může vynechat, velikost a rodina písma (font-family) jsou povinné.

Podpora

Jedná se možná o nejlépe podporovanou vlastnost vůbec.

Příklady

Aby se nemusely vlastnosti písma zdlouhavě vypisovat, dají se zapsat najednou:

{font: bold italic 15px/1.5 Arial}

je totéž, jako rozvleklejší zápis

{font-weight: bold; font-style: italic; font-size: 15px; line-height: 1.5; font-family: Arial}

Hodnoty se k vlastnosti font musí zadávat v přesném pořadí. Toto je špatně:

{font:  Arial bold italic 15px/1.5}

Různé další špatné variace zápisu si jistě odvodíte sami (je jich moc). Pokud se jenom něco vynechá, ale neporuší pořadí, je to dobře, např. dvojnásobně velké písmo Courier:

{font: 2em Courier}

Při takovém zápisu se ale všechny nezadané vlastnosti nastaví na původní hodnoty (myslím, že kromě line-height, nevím). Je to vidět na příkladu: pokud se nezadá tučnost, chápe se písmo jako netučné. Příklad převážení nezadané tučnosti (font oproti font-weight).

Další variantou zápisu jsou systémové rodiny písma, kdy se font nastaví podle aktuálního nastavení operačního systému. Např.:

#navigace {font: icon}
h5 {font: smallcaption}

Příklad použití systémových písem:

caption menu messagebox smallcaption statusbar

Vizte též

Font-family = rodina písma (font), Font-size = velikost písma, Font-style = kurzíva, Font-variant = kapitálky, Font-weight = tučnost, Line-height = výška řádku, Color = barva, Text-decoration ~ podrtžení, přeškrtnutí atp., Text-transform ~ všechna velká písmena

Odkazy

Webově použitelná písma -- přehled (starší a místy chybný)