1.4.3. Fonty

Na našej stránke si môžeme nastaviť písmo, ktoré sa nám páči alebo sa ku stránke proste hodí.

Môžeme použiť bežné písma ako Arial, Times New Roman alebo Curier, ktoré predpokladáme, že obsahuje každý počítač.

Do CSS štýlov zapíšeme vlastnosť font-family a za dvojbodkou názov písma. Za čiarku ešte napíšeme náhradné písmo, keby to prvé nebolo v počítači nainštalované. Treťou položkou je označenie písma - patkové/bezpatkové. Tento zápis hovorí počítaču, že má použiť akékoľvek patkové/bezpatkové písmo, ktoré v počítači je, ak tie predchádzajúce dve nepozná.

font-family: "Times New Roman", Georgia, Serif;

Potom sú tu ale aj písma, ktoré každý počítač nepozná, ale my by sme chceli, aby na našej stránke boli. Stačí teda keď zistíme, ako sa daný font volá a do HTML súboru pridáme link k tomuto fontu. Napríklad z Google Fonts.

• HTML

  <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  

• CSS

  font-family: 'Oswald', sans-serif;
  

Serif a Sans serif

Písma sa delia na patkové a bezpatkové. Bezpatkové písma sa väčšinou používajú na nadpisy a patkové zase naopak na dlhší text, pretože patky pomáhajú udržať oči v jednom riadku.

• serif - patkový font
• sans-serif - bezpatkový font
• monospaced - každé písmeno je rovnako široké

Vlastnosti, ktoré sa dajú pri písme použiť:

• font-size - veľkosť písma
• line-height - výška riadku