Shrnutí

V této lekci CSS jsme učili o písmech a dozvěděli jsme se, že:

• Rodina písem (font-family) je seznam písem od nejvyšší priority po nejnižší a nastavuje písmo, které má prohlížeč zobrazit.
• Tloušťka písma (font-weight) může mít hodnoty 100, 200, 300, …, 900, kde hodnota 100 je nejtenčí text, a hodnota 900 je nejtlustší text.
• Velikost písma (font-size) má hodnotu v pixelech. Např. 30px.
• Výška řádku (line-height) efektivně nastavuje jak daleko od sebe mají jednotlivé řádky být a má hodnotu v pixelech.
• Zarovnání textu (text-align) může mít hodnoty: vlevo (left), na střed (center), vpravo (right).
• Písma na webu se dělí na bezpečná webová písma, ta jsou podporovaná každým prohlížečem. To znamená, že je nemusíme importovat, ale je jich málo. A dále na webová písma, která musíme importovat ale je jich větší výběr.
• Webová písma importujeme pomocí prvku link, který vložíme do hlavičky (head) HTML a poté když chceme použít importované písmo v CSS, tak název písma vložíme do uvozovek. Např. “Inter”.