Typografie

Při návrhu a tvorbě webových stránek pracujeme se spoustou textu. Proto je důležité abychom měli přehled o tom, jaké existují druhy písma, a uměli si pro naše webové stránky vybrat vhodný font.

Druhy písma

Fonty se podle druhu písma dělí do různých kategorií. Patkové písmo patří například do kategorie serif, písmo se stejně širokými znaky do kategorie monospace, a tak podobně.

Serif

Do kategorie serif se řadí patkové písmo. Fonty z této kategorie se používají především v tradičnějších oborech. Neznamená to ale, že bychom je nemohli na webových stránkách používat. Pokud se k našemu designu hodí, tak je klidně použít můžeme.

Serif fonty se dělí do těchto čtyř kategorií:

• Old Style: Nejstarší kategorie serif fontů. Patří sem např. Garamond nebo Goudy.
• Transitional: Oproti Old Style kategorii mají Transitional fonty výraznější rozdíl mezi slabšími a silnějšími tahy písma. Je tam vidět větší kontrast, ale ne takový jako u Modern kategorie serif fontů. Patří sem např. Times New Roman, Baskerville nebo Georgia.
• Modern: Do této kategorie patří fonty, které mají velmi výrazný rozdíl mezi slabšími a silnějšími tahy písma. Patší sem např. Prata.
• Slab: Fonty spadající do této kategorie mají malý kontrast mezi slabými a silnými tahy. Konce patek těchto fontů jsou také více obdelníkové nebo čtveraté. Patří sem např. Courier.

Sans Serif

Slovo sans ve francouzštině znamená bez. Do kategorie sans serif tedy patří bezpatkové písmo. Fonty z této kategorie jsou podle mě v dnešní době používány nejvíce.

Sans Serif fonty se dělí do těchto čtyř hlavních kategorií:

• Grotesque: Nejstarší kategorie sans serif fontů. Patří sem např. Gothic nebo Source Sans Pro.
• Neo-Grotesque: Řekl bych že v porovnání s Grotesque kategorií jsou Neo-Grotesque fonty takové více jednotné. Patří sem např. Arial nebo Helvetica.
• Humanist: U fontů této kategorie je větší kontrast mezi výškami řádku a mohou obsahovat také různé detailnější prvky. Patří sem např. Gill Sans nebo Tahoma.
• Geometric: Fonty z této kategorie jsou postaveny na geometrických tvarech. Pokud se u nich například podíváme na písmeno O, tak uvidíme kruh. Patří sem např. Raleway nebo Geometric.

Display

Speciálním druhem fontů jsou display fonty. Tyto fonty se hodí spíš na nadpisy a podobné věci.

Monospace

Pokud mají všechny znaky fontu stejnou šířku, tak se jedná o monospace font. Monospace fonty je vhodné použít, když na webové stránce například zobrazujeme nějaký kód. Běžně se používají v editorech kódu.

Jak vybrat font

Každý font má vlastní náladu a osobnost. Některé fonty jsou více formální nebo tradiční, jiné zase lehké a moderní. Když vybírám font, tak většinou projíždím Google Fonty a dívám se co by se nejvíce hodilo k tomu, na čem momentálně pracuji. Jsou tam různé možnosti filtrování fontů a můžete si tam nechat třeba zobrazit jen určitou kategorii fontů.