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

Microsoft: Zbavte se už konečně zastaralých a děravých Windows 7

Microsoft: Zbavte se už konečně zastaralých a děravých Windows 7

** Microsoft pomalu začíná kritizovat svůj nejpopulárnější OS ** Chce konečně dostat podniky na Desítky ** Bezpečnostní podpora Sedmiček vydrží ještě necelé tři roky

17.  1.  2017 | Jakub Čížek | 402

Český státní blacklist už funguje. Ministerstvo financí se pochlubilo s detaily

Český státní blacklist už funguje. Ministerstvo financí se pochlubilo s detaily

** Dva týdny po Novém roce zajím zeje prázdnotou ** Ministerstvo vydalo metodický pokyn ** Takhle to bude fungovat v praxi

16.  1.  2017 | Jakub Čížek | 49

Opera Neon: Takto prý bude vypadat prohlížeč budoucnosti. Chcete to?

Opera Neon: Takto prý bude vypadat prohlížeč budoucnosti. Chcete to?

** Opera představila Neon ** Koncepci prohlížeče budoucnosti ** Připomíná Chrome OS

16.  1.  2017 | Jakub Čížek | 35

Testy ze světa: Kaby Lake v high-endu splnil povinnost, Pentia jsou ale překvapením

Testy ze světa: Kaby Lake v high-endu splnil povinnost, Pentia jsou ale překvapením

** Na světě jsou testy porovnávající nové procesory řady Kaby Lake ** Modely Core i5 a Core i7 toho nenabízí mnoho navíc oproti Skylake ** Pozornost na sebe upoutala levná Pentia, která dostala podporu HT

17.  1.  2017 | Stanislav Janů | 55


reklama