Česká písma pro webdesignéry

Seznam obsahuje písma z katalogu Google Web Fonts, která jsou zdarma k použití a zároveň obsahují české znaky (nebo alespoň jejich podstatnou část).

Anton

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Anton:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Anton", serif;}
</style>

Bentham

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Bentham:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Bentham", serif;}
</style>

Bevan

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Bevan:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Bevan", serif;}
</style>

Cantarell

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Cantarell:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<style>
body { font-family:"Cantarell", serif;}
</style>

Coda

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Coda:800" rel="stylesheet" type="text/css">
<style>
body { font-family:"Coda", serif;}
</style>

Coda Caption

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Coda+Caption:800" rel="stylesheet" type="text/css">
<style>
body { font-family:"Coda Caption", serif;}
</style>

Corben

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Corben:bold" rel="stylesheet" type="text/css">
<style>
body { font-family:"Corben", serif;}
</style>

Covered By Your Grace

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Covered+By+Your+Grace:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Covered By Your Grace", serif;}
</style>

Crimson Text

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Crimson+Text:regular,400italic,600,600italic,700,700italic" rel="stylesheet" type="text/css">
<style>
body { font-family:"Crimson Text", serif;}
</style>

Crushed

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Crushed:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Crushed", serif;}
</style>

Droid Sans Mono

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Droid Sans Mono", serif;}
</style>

Goudy Bookletter 1911

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Goudy+Bookletter+1911:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Goudy Bookletter 1911", serif;}
</style>

Gruppo

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Gruppo:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Gruppo", serif;}
</style>

IM Fell DW Pica

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica:regular,italic" rel="stylesheet" type="text/css">
<style>
body { font-family:"IM Fell DW Pica", serif;}
</style>

IM Fell DW Pica SC

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"IM Fell DW Pica SC", serif;}
</style>

IM Fell Double Pica

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=IM+Fell+Double+Pica:regular,italic" rel="stylesheet" type="text/css">
<style>
body { font-family:"IM Fell Double Pica", serif;}
</style>

IM Fell Double Pica SC

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=IM+Fell+Double+Pica+SC:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"IM Fell Double Pica SC", serif;}
</style>

IM Fell English

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=IM+Fell+English:regular,italic" rel="stylesheet" type="text/css">
<style>
body { font-family:"IM Fell English", serif;}
</style>

IM Fell English SC

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=IM+Fell+English+SC:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"IM Fell English SC", serif;}
</style>

IM Fell French Canon

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=IM+Fell+French+Canon:regular,italic" rel="stylesheet" type="text/css">
<style>
body { font-family:"IM Fell French Canon", serif;}
</style>

IM Fell French Canon SC

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=IM+Fell+French+Canon+SC:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"IM Fell French Canon SC", serif;}
</style>

IM Fell Great Primer

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer:regular,italic" rel="stylesheet" type="text/css">
<style>
body { font-family:"IM Fell Great Primer", serif;}
</style>

IM Fell Great Primer SC

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"IM Fell Great Primer SC", serif;}
</style>

Inconsolata

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Inconsolata:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Inconsolata", serif;}
</style>

Indie Flower

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Indie+Flower:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Indie Flower", serif;}
</style>

Just Another Hand

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Just+Another+Hand:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Just Another Hand", serif;}
</style>

Just Me Again Down Here

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Just Me Again Down Here", serif;}
</style>

Luckiest Guy

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Luckiest+Guy:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Luckiest Guy", serif;}
</style>

Maiden Orange

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Maiden+Orange:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Maiden Orange", serif;}
</style>

Meddon

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Meddon:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Meddon", serif;}
</style>

Michroma

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Michroma:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Michroma", serif;}
</style>

OFL Sorts Mill Goudy TT

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT:regular,italic" rel="stylesheet" type="text/css">
<style>
body { font-family:"OFL Sorts Mill Goudy TT", serif;}
</style>

Oswald

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Oswald:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Oswald", serif;}
</style>

Radley

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Radley:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Radley", serif;}
</style>

Six Caps

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Six+Caps:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Six Caps", serif;}
</style>

Syncopate

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Syncopate:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Syncopate", serif;}
</style>

Terminal Dosis Light

Příšerně žluťoučký kůň úpěl ďábelské ódy

Kŕdeľ ďatľov učí koňa žrať kôru

Použití:

<link  href="http://fonts.googleapis.com/css?family=Terminal+Dosis+Light:regular" rel="stylesheet" type="text/css">
<style>
body { font-family:"Terminal Dosis Light", serif;}
</style>