Typografie
Typografie je způsob, jakým je text na webu zobrazen – zahrnuje výběr písma, jeho velikost, řádkování, mezery a další vlastnosti. Správně zvolená typografie zlepšuje čitelnost, přehlednost a celkovou uživatelskou zkušenost návštěvníků webu. Na rozdíl od tištěného designu musí webová typografie zohledňovat různé obrazovky a zařízení, takže je často kombinována s responsivním designem.
Při tvorbě typografie se pracuje s několika klíčovými parametry:
- Font-family – druh písma (např. Arial, Roboto, Open Sans).
- Font-size – velikost písma.
- Line-height – výška řádku, která ovlivňuje čitelnost.
- Letter-spacing – mezery mezi písmeny.
Příklad základního nastavení typografie v CSS:
body { font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; line-height: 1.6; letter-spacing: 0.5px; color: #333333; }
Pro nadpisy je vhodné použít výraznější font a větší velikost, aby byly dobře čitelné a odlišovaly se od běžného textu:
h1, h2, h3 { font-family: 'Roboto', sans-serif; font-weight: 700; line-height: 1.2; margin-bottom: 0.5em; }
Správná typografie nejen zlepšuje estetiku webu, ale také podporuje srozumitelnost a rychlejší orientaci uživatele. Kombinace čitelného písma, dostatečných mezer a správného kontrastu zajišťuje, že obsah je přístupný širšímu okruhu uživatelů, včetně těch, kteří používají mobilní zařízení nebo asistivní technologie.


