font - Český CSS 3 manuál

HTML a CSS Manuál Text a písmo font - Český CSS 3 manuál

Pomocí CSS 3 vlastnosti font nastavujeme font písma v HTML elementu. Vlastnost je shrnující a umožňuje ve zkráceném zápisu specifikovat u písma styl, variantu, tloušťku, velikost, výšku řádku a rodinu písma.

Syntaxe CSS 3 vlastnosti font je následující:

font: styl varianta tloušťka velikost/výška_řádky rodina písma;

Samozřejmě můžeme uvést jen ty hodnoty, které chceme změnit oproti písmu rodičovského elementu nebo výchozímu písmu prohlížeče. Vlastnost font se dědí.

Hodnoty

Pro každou složku fontu existuje zvlášť CSS vlastnost, která ji nastavuje. Informace a příklady jednotlivých složek najdete vždy v příslušném článku. Jsou to:

Můžeme uvést ještě následující speciální hodnoty, které umožňují použít některé systémové fonty:

  • caption - Použije systémový font pro popisky (např. tlačítek).
  • icon - Použije systémový font pro popisky ikon.
  • menu - Použije systémový font pro popisky položek rozbalovacích menu.
  • message-box - Použije systémový font pro dialogy.
  • small-caption - Použije systémový font pro menší popisky.
  • status-bar - Použije systémový font pro stavový řádek.

Jako hodnotu můžeme uvést i inherit, tím zdědíme vlastnost font od rodičovského elementu.

Ukázka nastavení fontu stránce

<!DOCTYPE html>
<html>
        <head>
                <style>
                body
                {
                        font: 2em/1.5em Verdana;
                }
                </style>
        </head>
        <body>
                <p>Tento text je psaný Verdanou, je 2x větší <br />
                a má nastavené řádkování na 1.5.</p>
        </body>
</html>

Výsledek:

Ukázka ostylování fontu přes CSS

Více příkladů naleznete u samostatných vlastností, viz. výše.


 

  Aktivity (1)

Manuál pro vás napsal David Čápka
Avatar
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn College Autor se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.

Miniatura
Všechny články v sekci
Text a písmo - CSS vlastnosti

 

 

Komentáře

Avatar
vojaceklibor
Člen
Avatar
vojaceklibor:

Ahoj, potřebuji radu: mám používat bold, nebo strong?
Děkuju.

 
Odpovědět 30.11.2012 9:25
Avatar
pavlikt
Člen
Avatar
pavlikt:

Pokud ma slovo nejaky zasadnejsi vyznam a potrebujes ho zvyraznit, pouzij tag strong. Pokud chces zvyraznit neco, co nenese zasadni vyznam (jen pro to, aby to lepe vypadalo), pouzij ve stylech bold.

 
Odpovědět 24.2.2013 13:49
Avatar
pavlikt
Člen
Avatar
pavlikt:

Aha, koukam, ze odpovidam na dotaz z lonska... Nevadi, snaha se taky pocita :-)

 
Odpovědět 24.2.2013 13:49
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.