Google písma: Databanka fontů, které nemusíte stahovat

Skoro dvacet let platilo, že písmo, které používá webová stránka, musíte mít nainstalované na svém počítači. Díky CSS webovým fontům to už neplatí a Google připravil jejich katalog.
Google písma: Databanka fontů, které nemusíte stahovat

Určitě si dobře pamatujete na dobu, kdy jste mohli na webu používat jen několik málo fontů. Očekávalo se totiž, že bude písmo správně nainstalované na počítači každého surfaře. Pokud ale návštěvník vaší stránky nějaký exotický font zrovna neměl, použilo se alternativní písmo, které často zničilo vzhled celého webu.

Tato praxe už ale nějaký pátek neplatí, do světa webových stránek a designu totiž pomalu pronikají webová písma. Jsou to vlastně stále ty samé fonty ale s tím rozdílem, že se tentokrát stahují z webu a jsou definované v rámci CSS kódu. Jakýkoliv prohlížeč, který standard webových fontů podporuje, pak může zobrazit jakékoliv písmo, které si vyberete. Nejdůležitější je ale podpora – s webovými fonty si dnes poradí všechny populární prohlížeče.

Google Font Directory

Potud teorie a teď už praxe. Webové fonty jsou standard, chybí ale nějaká rozsáhlá databanka písem. Přeci jen ne každý je chce hostovat na svém webu a pak je tu ještě jedna překážka – většina drobných webdesignérů zapomíná na to, že počítačový font je autorské dílo jako každé jiné a je třeba k němu mít licenci.

Klepněte pro větší obrázek
Katalog webových fontů Googlu

Tuto byrokratickou propast se už nějaký čas snaží překonat Google, který představil Google Font API a Google Font Directory. V praxi se vlastně jedná o snadný přístup k webovým fontům, Google totiž zpřístupnil jejich rozsáhlou databanku, kterou můžete použít na svém webu.

Desítky písem v jakémkoliv prohlížeči

Abyste nicméně mohli rozsáhlou databankou snadno procházet, zrodila se nedávno i služba Font Preview. Funguje vlastně úplně stejně jako kdejaký program na prohlížení fontů na počítači. Vyberete si konkrétní písmo ze seznamu a podíváte se, jak vypadají jeho řezy (tučné, kurzíva aj.), jak se chová při změně velikosti a tak dále. Vše se přitom děje přímo v prohlížeči a pomocí stejného CSS kódu, který použijete v ostrém provozu, uvidíte tedy, jak se budou konkrétní písma chovat v praxi.

Klepněte pro větší obrázek  Klepněte pro větší obrázek
Většina písem si s češtinou neporadí a pro znaky s diakritikou se tak použije alternativní písmo,
čas od času ale narazíte i na skutečný Unicode font, jehož autor si pohrál i se slovanskou abecedou

Jedinou překážkou tak bude chybějící čeština, drtivá většina písem se totiž orientuje na amerického uživatele. Celý projekt je v betaverzi, časem se tak některá písma možná rozšíří i o diakritiku a kompletní evropské abecedy.

Témata článku: Technologie, Google, Web, Programování, Unicode

21 komentářů

Nejnovější komentáře

  • Vladimír Brada 3. 8. 2010 19:52:30
    Samozřejmě, jenže aspoň se potom ty stránky nerozpadnou a na zvětšení...
  • ohmy 3. 8. 2010 12:41:43
    :-D omlouvám se... prostě dobrých fontů je málo.
  • Marv-CZ 3. 8. 2010 11:06:48
    Jenže když udáš velikost písma v pixelech, takto zase správně nereflektuje...
Určitě si přečtěte

11 tipů, jak efektivně a přesně sledovat počasí pomocí internetu

11 tipů, jak efektivně a přesně sledovat počasí pomocí internetu

** Sledujte počasí z více zdrojů a podrobněji, přesněji tak určíte, jaké počasí vás potká na dovolené ** Na webu najdete hromadu pokročilých předpovědí počasí, ale i specializované meteorologické služby ** Vybrali jsme 14 služeb na počasí, které se vám můžou hodit

23.  6.  2017 | Jakub Čížek | 19

Nejlepší program pro střih videa na doma: 9 video editorů, ze kterých si vyberete

Nejlepší program pro střih videa na doma: 9 video editorů, ze kterých si vyberete

** Pokročilé střihové programy pro neprofesionální využití stojí do 3 000 Kč, jsou ale i zdarma ** Podpora 4K, hromada editačních funkcí a efektové filtry jsou samozřejmostí ** Vybrali jsme 9 nejzajímavějších programů pro nejrozšířenější operační systém Windows

25.  6.  2017 | Stanislav Janů | 32

Herní počítač vs. Xbox One X: Kvalita obrazu není všechno

Herní počítač vs. Xbox One X: Kvalita obrazu není všechno

** Nový Xbox One X slibuje hraní ve 4K s HDR za 13 tisíc korun ** Aby stejnou kvalitu obrazu zvládl počítač, museli byste za něj dát minimálně dvakrát tolik ** Přesto herní počítače stále svůj smysl mají

24.  6.  2017 | Tomáš Holčík | 58


Aktuální číslo časopisu Computer

Bojujeme proti Fake News

Dva velké testy: fotoaparáty a NASy

Co musíte vědět o změně evropského roamingu

Radíme s výběrem základní desky