Milan Kryl

Kryl Blog - RSS

Google Font Directory

31. 05. 2010 - 08:35

Tato služba usnadňuje použití dalších fontů na webu. V Google adresáři fontů si můžete vybrat požadované písmo a přes Google Font API jej následně použít do vlastních stránek. Všechny nabízené fonty jsou pod open source licencí.

Podporované prohlížeče

Google Font API logoAktuálně Google Font API podporuje následující webové prohlížeče:

  • Google Chrome: version 4.249.4+
  • Mozilla Firefox: version: 3.5+
  • Apple Safari: version 3.1+
  • Opera: version 10.5+
  • Microsoft Internet Explorer: version 6+

V prohlížečích, které nejsou podporovány se použije následující font v definici písma.

Jak vkládat fonty přes Google Font API?

V Google Font Directory si vyberte požadovaný font, jeho variantu a v záložce Get the code si zobrazte návod, jak dané písmo do stránky vložit.

<link href='http://fonts.googleapis.com/css?family=Cardo' rel='stylesheet' type='text/css'>
h1 { font-family: 'Cardo', arial, serif; }

Další možnost vkládání - WebFont Loader

Pro vkládání několika různých fontů z různých zdrojů může přijít vhod JavaScriptová knihovna WebFont Loader

<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js">
</script> <script type="text/javascript"> WebFont.load({ google: { families: [ 'Tangerine', 'Cantarell' ] } }); </script>

Použijete nové fonty Google v některé z nových stránek?

 

Tip: Krátké zprávy a zajímavosti (rychlý přístup https://kryl.info/kratce)

Související