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, Technologie, 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

Operační systém běžným počítačům nedal Bill Gates, ale Gary Kildall

Operační systém běžným počítačům nedal Bill Gates, ale Gary Kildall

** Gary Kildall pochopil, že levné výpočetní čipy mohou posloužit jako univerzální počítače pro všechny ** Připravil pro ně proto první operační systém ** Později mu systém vyfoukl Microsoft a nazval ho MS DOS

23.  4.  2017 | Pavel Tronner | 57

Umělá inteligence je sice v plenkách, už teď ale přestáváme rozumět, jak vlastně funguje. To je problém

Umělá inteligence je sice v plenkách, už teď ale přestáváme rozumět, jak vlastně funguje. To je problém

** Už je to tady, lidé přestávají chápat počítače ** Systémy neuronových sítí začínají pracovat tak, že ani jejich tvůrci přesně neví, co se uvnitř děje ** Do budoucna to může být závažný problém

24.  4.  2017 | Jakub Čížek | 112

Acer chrlí novinky: levný a tenký Predator, nové Switche a další notebooky

Acer chrlí novinky: levný a tenký Predator, nové Switche a další notebooky

** Acer na konferenci v New Yorku představil velkou spoustu novinek z oblasti počítačů, notebooků i monitorů ** Notebookové novinky se dotkly řad Predator, Swift, Switch i Aspire ** Herní notebooky dostaly nový typ chlazení

27.  4.  2017 | Karel Javůrek | 9

Jak by měly vypadat příští Windows? Designéři si pohráli s futuristickým prostředím Neon

Jak by měly vypadat příští Windows? Designéři si pohráli s futuristickým prostředím Neon

** Zkraje roku unikly na internet snímky nového prostředí Neon ** Součástí Windows by mohlo být už na podzim ** Komunita grafiků na webu nespala a začala si hrát

26.  4.  2017 | Jakub Čížek | 59

Jak funguje Apple Liam: Robot, který umí recyklovat staré iPhony

Jak funguje Apple Liam: Robot, který umí recyklovat staré iPhony

** Apple zveřejnil detaily, jak funguje robotický systém Liam pro recyklaci iPhonů ** Jeden Liam zvládne rozdělat i na ty nejmenší díly 1,2 milionů iPhonů ročně ** Liam je důležitým prvkem k tomu, aby Apple mohl vyrábět pouze ze stoprocentně recyklovaných materiálů

24.  4.  2017 | Karel Javůrek | 21


Aktuální číslo časopisu Computer

Supertéma: moderní cestování

Kdy opravdu přijdou nové baterie?

Velké testy: 6 herních notebooků a 8 volantů

Recenze: AMD Ryzen řady 5