Webová písma: jak je nastavit a optimalizovat

Webová písma umožňují designérům kontrolovat vizuální podobu textu na stránkách. Pomocí deklarace @font-face lze nastavit různé styly a váhy písma. Variabilní písma zjednodušují tento proces díky flexibilním metrikám pro váhu nebo sklon. Pavel Satrapa¹ napsal pro Root článek s hromadou praktických ukázek.

Pro optimální výkon se doporučuje kombinovat lokální a webová písma. Důležitou roli hraje vlastnost font-display, která ovlivňuje, jak se písmo načítá a zobrazuje. Typografické speciality jako ligatury či různé varianty číslic mohou design zpestřit, ale vždy záleží na vyváženosti mezi estetickými prvky a efektivitou načítání.

(Obrázek z upoutávky: ChuttersNap na Unsplash)

1. Pavel Satrapa vydal v roce 1997 knížku Web Design. Společně s Bořivojem Brdičkou stojí za tím, že Martin pověsil na hřebíček tiskovou grafiku a začal se věnovat webu.