reklama

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.

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: Google, Web, Technologie, 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...
reklama
Určitě si přečtěte

UPC překopli páteřní kabel. V Brně i druhý den nejede internet ani kabelovka

UPC překopli páteřní kabel. V Brně i druhý den nejede internet ani kabelovka

** V Brně byl velký výpadek služeb UPC ** Důvodem je překopnutý páteřní kabel ** V některých lokalitách služby stále nefungují

5.  12.  2016 | Jakub Čížek | 100

17 expertek Microsoftu předpovědělo rok 2027. Splní se alespoň něco?

17 expertek Microsoftu předpovědělo rok 2027. Splní se alespoň něco?

** Zmizí klasické vyhledávače ** Budeme programovat buňky ** Kvantové počítače překonají šifry

6.  12.  2016 | Jakub Čížek | 36

11 tipů na dobrý stolní počítač: od základu po herní mašiny

11 tipů na dobrý stolní počítač: od základu po herní mašiny

** Postavte si stolní počítač! Máme pro vás 11 vzorových sestav s rozpisem komponent ** Většina tipů cílí na hráče, věnujeme se ale i základnímu PC a počítačům na střih videa ** Nadělte si nový počítač třeba pod stromeček

5.  12.  2016 | Adam Kahánek | 73


reklama