Příklad nastavení velikosti textu

Nadpis druhé úrovně

Všimněte si, jak zvýraznění (prvek <em>) v nadpisu zdědilo velikost po prvku <h2>.

Nadpis třetí úrovně

Na této stránce jsem zvolil hlavní nadpis dvojnásobný vůči běžné velikosti písma. Nadpis stupně <h2> je proti běžnému písmu větší o 50 % a nadpis stupně <h3> o 20%. Postaral se o to následující stylový předpis:

h1, h2, h3 { font-family: sans-serif; }
h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }

stejný efekt by mělo

h1, h2, h3 { font-family: sans-serif; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }

Rozdíl se zdá být větší, protože používám bezserifové písmo, které se při stejné velikosti zdá být větší. Například toto je bezserifové písmo o stejné velikosti, jako první věta odstavce.

zpět: CSS – velikost písma