Co je webfont? Webfont je písmo dodané přímo se stránkou, které si prohlížeč stáhne a použije při vykreslení textu. Díky tomu vypadá web stejně u všech návštěvníků, i když dané písmo ve svém počítači nebo telefonu vůbec nemají nainstalované.

Dřív to takto nešlo. Web mohl použít jen ta písma, která měl návštěvník ve svém zařízení, což byla hrstka známých jmen. Přirovnat se to dá k tomu, že byste posílali dopis a spoléhali, že příjemce má doma stejnou tiskárnu a stejné písmo. Webfont je jako přiložit k dopisu i tu sadu písmen, aby se dopis vytiskl přesně podle Vaší představy.

Odkud se písma berou? Ze dvou míst:

  • Z Vašeho hostingu – soubory s písmem nahrajete do složky webu přes FTP nebo správcem souborů v klientské zóně a v CSS na ně odkážete.
  • Z cizí služby – písmo se načítá ze serveru poskytovatele, tedy z CDN. Je to pohodlnější, ale závisíte na cizí službě a údaje o návštěvnících putují k dalšímu provozovateli, což je téma pro GDPR.

Doporučujeme první variantu. Písmo uložené na vlastním hostingu se načte rychle, funguje i když má cizí služba výpadek, a s ochranou osobních údajů máte klid. Formát volte moderní, tedy soubory s příponou woff2, které jsou díky kompresi nejmenší a rozumí jim všechny dnešní prohlížeče.

Zpomalí webfont stránku? Trochu ano, protože jde o soubor navíc, který se musí stáhnout. Rozdíl mezi rozumným a nerozumným použitím je ale obrovský. Držte se tří pravidel: použijte nejvýš dvě rodiny písma, z každé jen ty řezy, které opravdu potřebujete (běžný a tučný), a nezapomeňte na češtinu, protože okleštěná sada znaků Vám sežere háčky a čárky. Souvislosti shrnuje heslo optimalizace webu.

Znáte ten nepříjemný okamžik, kdy se text při načítání stránky na chvíli zobrazí jiným písmem a pak poskočí? Tomu se dá předejít nastavením v CSS, které prohlížeči řekne, aby do stažení písma použil náhradní a text nezmizel. Je lepší, když návštěvník hned něco přečte, než aby zíral na prázdné místo.

Poslední věc, na kterou se často zapomíná: písma mají licenci. Ne každý font smíte na web nahrát, i když ho máte v počítači. Bezpečnou volbou jsou písma s otevřenou licencí, kterých existují tisíce a mezi nimi i taková, která zvládají češtinu bez potíží. Vlastní písmo pak ladí se zbytkem šablony a dotváří charakter webu.