Google Fonts je bezplatná knihovna fontů od Googlu s otevřenou licencí. Obsahuje přes 1 500 rodin písem a používá ji velká část moderních webů. Klientům ji doporučuji pravidelně - důvody jsou jednoduché.
Proč Google Fonts doporučuji
Za prvé licence. Všechny fonty jsou vydané pod otevřenými licencemi (nejčastěji SIL Open Font License), takže je můžete používat zdarma na komerčních webech bez omezení. Žádné roční poplatky, žádné právní šedé zóny.
Za druhé výběr. Přes tisíc rodin písem pokrývá naprostou většinu designérských potřeb - od minimalistických bezpatkových fontů po výrazné display písma. Není potřeba kupovat font ani zadávat tvorbu vlastního.
Za třetí práce v kódu. Integrovat Google Fonts do webu je jednoduché - stačí jeden řádek v HTML nebo CSS. Fonty se dají načítat přímo z Googlu nebo si je stáhnout lokálně.
Pozor na češtinu a Latin Extended
Ne každý font v knihovně podporuje českou diakritiku. Pokud chcete zobrazit znaky jako č, š, ž nebo ě, musí font obsahovat sadu Latin Extended nebo Czech. Při výběru to vždy kontrolujte - na stránce Google Fonts lze filtrovat podle podporovaných znaků. Bez tohoto filtru se snadno stane, že font na prvním pohledu vypadá perfektně, ale čeština v něm zobrazí chybné znaky nebo otazníky.
Výkon: kdy stahovat fonty lokálně
Ve většině projektů není problém načítat fonty přímo z CDN Googlu. Na velkých portálech, kde záleží na každé milisekundě, se vyplatí fonty hostovat lokálně - eliminuje se jeden externí DNS dotaz a fonty se načítají ze stejného serveru jako web.
Pro lokální stažení používám nástroj Google Webfonts Helper - vygeneruje správné formáty (woff2, woff) i CSS kód pro self-Hosting. Ale u běžných firemních webů a e-shopů toto řešení nepotřebujete, přímé načítání z Googlu je dostačující.
Jak vybrat správný font
Výběr fontu je náročnější, než se zdá. Záleží na čitelnosti na různých velikostech, na tom jak ladí s design systémem, jak funguje kombinace titulkového a textového písma, jestli odpovídá charakteru značky. Kombinovat fonty špatně je jednoduché, kombinovat je dobře vyžaduje zkušenost.
Sám to dělám tak, že o názor žádám zkušeného designéra. Máme v týmu skvělé lidi, kteří s tím poradí. Typografie ovlivňuje celkový dojem webu víc, než si většina klientů uvědomuje.
Vlastní font si nechat vytvořit nebo koupit komerční licenci - to za mě ve většině případů smysl nemá. Google Fonts pokrývají 95 % potřeb a jsou zdarma. Pragmatický přístup vychází lépe než snaha o originalitu za každou cenu.
Chcete poradit s výběrem fontů nebo nastavením typografie na vašem webu? Rád se s vámi spojím na konzultaci zdarma. Napište mi.
Pavel Szabo
Programátor webů, eshopů a informačních systémů s více než 23 lety praxe. Pomáhám firmám i jednotlivcům s online podnikáním, automatizacemi a využitím AI v praxi.
