V tomto článku som sa zameral na praktické použitie Google Fontov pri vytváraní slovenských (prípadne českých) webstránok. Google Font Directory ponúka zbierku fontov pre použitie na webstránkach. Táto databáza sa rozrastá každým dňom a momentálne sa v sade Latin nachádza niečo do 200 fontov. Google Font API umožňuje vložiť font písma z tejto databázy priamo do CSS vašej webstránky a použiť ho pri jej formátovaní. Žiaľ, nie všetky fonty podporujú slovenskú diakritiku a preto som sa rozhodol, že si ich prejdem a vytvorím zoznam fontov použiteľných pre slovenských webdizajnérov.

K dnešnému dňu je to približne 45 Google fontov, ktoré môžete na svojich stránkach použiť bez obavy, že by bol text so špeciálnymi slovenskými znakmi odlišný od zvyšku textu. Priznávam, že niekedy sú rozdieli veľmi nepatrné a pri tom množstve som mohol drobnú odchýľku prehliadnuť. Každopádne, ak sa pri niektorom fonte aj rozdiel nájde, bude sotva viditeľný. A tu je už spomínaný zoznam použiteľných Google Fontov:

Príklad použitia fontu – Over the Rainbow

Pre použitie fontu je potrebné do hlavičky dokumentu pridať odkaz na databazu Google Fonts:

<link href="http://fonts.googleapis.com/css?family=Over+the+Rainbow" rel="stylesheet" type="text/css" />

a následne si naštýlovať požadovaný HTML tag:

body { font-family: "Over the Rainbow", arial, serif; }

Náhľad použitia fontov si môžete pozrieť priamo na stránke Google Font Previewer. Táto stránka vám tiež vygeneruje potrebný link pre hlavičku HTML dokumentu a CSS. Môžete sa tiež pohrať s rôznymi dekoráciami a transformáciami textu, prípadane si pridať tieňovanie textu alebo ďalšie novinky v CSS3. Ak používate redakčný systém, môžete integráciu fontov zveriť niektorému z pluginov pre WordPress (plugin), Joomla (plugin) alebo Drupal (plugin).