Klienti řeší barvy, logo, fotky. Písmo bývá to poslední, na co si vzpomenou – a přitom je to jeden z prvků, který návštěvník vnímá na webu úplně nejvíc, i když si to neuvědomuje. Text tvoří 80 % obsahu většiny stránek. Pokud je špatně čitelný nebo působí lacině, celý dojem z webu tím padá, ať je zbytek designu sebelepší.
Proč na písmu tolik záleží
Font nese emoci ještě dřív, než návštěvník přečte první slovo. Serifové písmo (s patkami) působí tradičně a důvěryhodně – hodí se pro právní kanceláře, finanční poradenství nebo prémiové značky. Bezpatkové písmo (sans-serif) je čisté a moderní – sedí technologickým firmám, startupům, e-shopům. Špatná volba dokáže i drahý web srazit na úroveň amatérské prezentace.
Typický amatérský omyl: Arial nebo výchozí systémové písmo bez jakéhokoli uvažování o brandu. Funguje to, ale nic to neříká o tom, kdo za webem stojí.
Google Fonts vs. Adobe Fonts – co zvolit
Google Fonts
- Zdarma, bez omezení pro komerční použití
- Obrovská knihovna (přes 1 500 rodin písem), otevřený zdrojový kód
- Skvěle optimalizované pro web – rychlé načítání, snadná integrace
- Kvalita kolísá – vedle špičkových fontů (Inter, Poppins, Playfair Display) najdete i slabší kousky
- Pro koho: naprostá většina firemních webů, e-shopy, freelanceři, projekty s omezeným rozpočtem
Adobe Fonts
- Součást předplatného Adobe Creative Cloud (není samostatně zdarma)
- Prémiová knihovna, často fonty používané i v tištěné grafice a brandingu
- Konzistence mezi tiskem a webem – ideální, pokud firma má propracovaný grafický manuál
- Vyžaduje aktivní připojení k Adobe kitu, což přidává další externí závislost a mírně zpomaluje načítání
- Pro koho: značky s vyšším rozpočtem, kde je typografie klíčovou součástí vizuální identity
Pro drtivou většinu klientů malých a středních firem v praxi vystačí Google Fonts – kvalitní volba tam existuje, a ušetříte měsíční poplatek za licenci, který se u menších projektů nevyplatí.
Osvědčené kombinace fontů
Pravidlo číslo jedna: nikdy nepoužívejte víc než 2–3 písma na jednom webu. Tady jsou kombinace, které fungují spolehlivě:
- Playfair Display (nadpisy) + Source Sans Pro (text) Elegantní kontrast serifů a čistého sans-serifu. Hodí se pro hotely, restaurace, butikové značky.
- Poppins (nadpisy) + Inter (text) Moderní, geometrické, čitelné. Ideální pro technologické firmy, SaaS produkty, startupy.
- Merriweather (nadpisy) + Open Sans (text) Serifový nadpis dodá důvěryhodnost, Open Sans zajistí pohodlnou čitelnost dlouhého textu. Dobrá volba pro poradenství, právní služby, zdravotnictví.
- Montserrat (nadpisy) + Roboto (text) Univerzální, spolehlivá kombinace bez rizika. Funguje prakticky v každém oboru, pokud si nejste jistí.
Na co si dát pozor kromě samotného výběru
Licence. U Google Fonts je komerční použití vyřešené automaticky. U jiných zdrojů (Adobe Fonts, MyFonts, placené fonty) si vždy ověřte, jestli licence pokrývá web, a kolik zobrazení nebo domén zahrnuje.
Výkon a načítání. Každé další písmo znamená další HTTP požadavek. Ideální je:
- Používat maximálně 2 rodiny písem
- Načítat jen skutečně použité řezy (regular, bold – ne všech 9 variant)
- Nastavit
font-display: swap, aby text nebyl neviditelný, dokud se font nenačte
Čitelnost na mobilu. Font, který vypadá elegantně na velkém monitoru, může být na mobilu nečitelný. Vždy si kombinaci otestujte na reálném zařízení, ne jen v návrhu.
Konzistence s brandem. Pokud má firma logo v konkrétním fontu, web by na něj měl typograficky navazovat, i když identický font kvůli licenci použít nejde – najděte web-friendly náhradu s podobným charakterem.
Rychlý checklist před spuštěním webu
- Používám maximálně 2–3 fonty?
- Je nadpisové písmo dostatečně odlišné od textového, aby vznikl jasný kontrast?
- Otestoval jsem čitelnost na mobilu?
- Načítám jen řezy písma, které skutečně používám?
- Odpovídá styl písma oboru a cílové skupině klienta?
Písmo není detail na konci projektu – je to jedno z prvních rozhodnutí, které ovlivní, jestli web vypadá profesionálně, nebo jako sepsaný na koleni. Věnujte mu stejnou pozornost jako barvám a logu.