Tloušťka písma

Tloušťku písma (font-weight) nastavují třídy font- s názvem tloušťky. font-bold už znáte, tady jsou všechny:

Třída	font-weight
`font-thin` (tenké)	100
`font-extralight` (extra světlé)	200
`font-light` (světlé)	300
`font-normal` (normální)	400
`font-medium` (střední)	500
`font-semibold` (polotučné)	600
`font-bold` (tučné)	700
`font-extrabold` (extra tučné)	800
`font-black` (černé, nejtučnější)	900

Nejčastěji použijete font-normal pro běžný text, font-medium a font-semibold pro text, který má trochu vyniknout, a font-bold nebo font-extrabold pro nadpisy. Z kurzu CSS víte, že písmo vypadá jinak jen v tloušťkách, které opravdu má. Tailwind používá systémové písmo zařízení (například Segoe UI ve Windows a San Francisco na Macu), které má tlouštěk hodně, takže rozdíl většinou uvidíte.

Jméno uděláme ještě tučnější a malému textu štítku přidáme trochu tloušťky, aby byl výraznější. Stejně jako u velikostí třídu font-bold nahraďte, nepřidávejte druhou tloušťku.

Pokyny

V atributu class nadpisu h1 nahraďte třídu font-bold třídou font-extrabold.

Přidejte štítku „Hravý“ třídu font-semibold.

Začněte programovat zdarma

6/10