Web Developmentzačiatočník

Čo je Google Fonts?

Google Fonts je bezplatná knižnica webových fontov od Google s viac ako 1 700 rodinami fontov. Umožňuje webstránkam používať kvalitné písma bez licenčných poplatkov — stačí pridať jeden riadok kódu.

Definícia Google Fonts

Definícia Google Fonts

Google Fonts je bezplatná služba na vkladanie webových fontov (font embedding service), ktorú prevádzkuje Google. Knižnica obsahuje viac ako 1 700 rodín fontov s otvorenou licenciou (väčšinou SIL Open Font License alebo Apache License 2.0), čo znamená, že ich môžete používať zadarmo na komerčných aj nekomerčných projektoch.

Služba bola spustená v roku 2010 a rýchlo sa stala najpopulárnejšou knižnicou webových fontov na svete. Fonty sú servované z rýchlych CDN serverov Google a automaticky sa optimalizujú pre rôzne prehliadače a zariadenia.

Ako Google Fonts funguje

  • CDN doručovanie — fonty sa načítavajú z globálnych serverov Google, čo zabezpečuje rýchle načítanie po celom svete
  • Automatická optimalizácia — Google servuje font vo formáte optimálnom pre daný prehliadač (WOFF2, WOFF, TTF)
  • Unicode subsetting — načíta sa len podmnožina znakov, ktorú daný jazyk potrebuje, čím sa znižuje veľkosť súboru
  • Self-hosting — fonty si môžete stiahnuť a hosťovať na vlastnom serveri pre lepšiu kontrolu a súkromie (GDPR)

Populárne Google Fonts

Najpopulárnejšie fonty zahŕňajú: Roboto (predvolený font Androidu), Open Sans, Lato, Montserrat, Poppins, Inter a Playfair Display.

Praktický príklad

Príklad: Tvoríte webstránku pre advokátsku kanceláriu a chcete profesionálne písmo.

Na fonts.google.com nájdete font „Playfair Display" pre nadpisy (elegantný, serif) a „Inter" pre text (čitateľný, sans-serif). Kliknete „Select" a Google vám vygeneruje kód:

Pridáte jeden <link> tag do hlavičky webu a v CSS napíšete font-family: 'Playfair Display', serif;. Hotovo — profesionálna typografia za 2 minúty a 0 EUR.

Tip pre rýchlosť: Pre lepší výkon si fonty stiahnite a hosťujte lokálne (self-hosting). Eliminujete tak externé pripojenie na servery Google a zlepšíte Core Web Vitals.

Často kladené otázky

Čo je Google Fonts?

Google Fonts je bezplatná knižnica viac ako 1 700 rodín webových fontov od Google. Fonty majú otvorenú licenciu a môžete ich používať zadarmo na akýchkoľvek projektoch.

Je Google Fonts zadarmo?

Áno, všetky fonty v Google Fonts sú zadarmo na komerčné aj nekomerčné použitie. Sú distribuované pod otvorenými licenciami (SIL Open Font License alebo Apache License 2.0).

Spomaľuje Google Fonts webstránku?

Google Fonts z CDN môže pridať 100-300 ms k načítaniu stránky. Pre najlepší výkon sa odporúča self-hosting fontov (stiahnutie a hosťovanie na vlastnom serveri) a použitie font-display: swap.

Je Google Fonts v súlade s GDPR?

Načítanie fontov z Google serverov odosiela IP adresu návštevníka spoločnosti Google, čo môže byť problém z hľadiska GDPR. Riešením je self-hosting — fonty si stiahnete a hosťujete na vlastnom serveri.

Ako pridať Google Fonts na webstránku?

Na fonts.google.com vyberte font, skopírujte vygenerovaný <link> tag do hlavičky HTML a v CSS použite font-family s názvom zvoleného fontu. Alternatívne si font stiahnite a vložte lokálne pomocou @font-face.

Súvisiace pojmy

Potrebujete pomôcť s webom?

Napíšte mi a poradím vám s vaším projektom. Prvá konzultácia je zadarmo a nezáväzná.