Jak změnit velikost písma v HTML

Dívka (5-7) sedí na pohovce s notebookem, pohled zezadu

Pomocí CSS snadno změňte velikost písma své webové stránky.

Kredit obrázku: Ableimages/Photodisc/Getty Images

Můžete převzít kontrolu nad velikostí písma své webové stránky pomocí vlastnosti font-size jazyka stylů HTML, kaskádových stylů. Počínaje HTML 5, CSS přístup ke stylizaci písem nahrazuje starší značku „font“. Zatímco značka font je platná pro vaše webové stránky ve formátu HTML 4, již není podporována jako platná značka v HTML 5.

Definování velikosti písma pomocí CSS

Velikosti písma se na vaší webové stránce nastavují pomocí atributu CSS „font-size“. Velikosti písma jsou obvykle definovány pomocí typografická míra „em“, kde 1,0 je aktuální velikost písma, nebo procenta, kde 100 procent je aktuální písmo velikost. Můžete také použít názvy přednastavených hodnot, jako jsou „smaller“, „larger“, „small“ a „xx-large“. Při definování velikosti v pixelech nebo bodech je platný, nedoporučuje se, protože váš text nemusí mít v určitých případech správné měřítko okolnosti.

Video dne

Styly můžete použít téměř v jakékoli značce HTML v těle vaší webové stránky. Přidejte ke značce atribut „style“ s atributem CSS font-size nastaveným na požadovanou velikost. Styl ovlivňuje text mezi začátkem a koncem značky – například:

Tento text je větší než obvykle.

Tento text je menší.

Tento text je také menší.

Použití CSS ve vaší šabloně stylů

Pokud má vaše webová stránka šablonu stylů CSS, buď vloženou v záhlaví vaší stránky, nebo definovanou v samostatném souboru, můžete zde změnit velikost písma. Šablony stylů jsou užitečné pro provádění globálních změn na vaší webové stránce. Najděte nebo přidejte deklaraci, kterou chcete změnit, a přidejte kód velikosti písma. Chcete-li například zvětšit velikost písma pro všechny značky odstavce, použijte:

p { velikost písma: 125 %; }