Font-size

CSS vlastnost font-size určuje velikost písma.

font-size: příklady různých jednotek

jednotka	info	příklad
px	pixel, obrazovkový bod, absolutní jednotka	20px
pt	typografický bod,absolutní jednotka	20pt
mm	milimetr, absolutní jednotka	20mm
cm	centimetr,absolutní jednotka	2cm
in	palec, absolutní jednotka	0.5in
em	šířka písmena M, relativní jednotka	2em
ex	výška písmena x, relativní jednotka	5ex
%	procento, hodnota se počítá z velikosti rodičovského prvku, relativní jednotka	150%
rem	jednotka je relativní vůči kořenu dokumentu nebo html elementu, relativní jednotka	2.5rem
xx-small	extra malé,absolutní jednotka	xx-small
x-small	velmi malé, absolutní jednotka	x-small
small	malé, absolutní jednotka	small
medium	normální, absolutní jednotka	medium
large	velké, absolutní jednotka	large
x-large	velmi velké, absolutní jednotka	x-large
xx-large	extra velké, absolutní jednotka	xx-large
smaller	o stupeň menší písmo, relativní jednotka	smaller
larger	o stupeň větší písmo, relativní jednotka	larger

Příklad relativního zadávání velikosti.

 CSS zápis:  
 html {height: 100%; font-size: 62.5%;} /* 16 px × 62,5 % = 10 px */
 body {
  height: 100%;
  font-size: 1.6em ;
  } /* 10 px × 1,6 em = 16 px */ 
  
 HTLM zápis:
 <span style="font-size:2em">Zvětšeno. </span>

Příklad relativního zadávání velikosti s CSS3.

 CSS zápis:  
 html {font-size: 10px; font-family: sans-serif; /* font-size: 62.5%; */}
 body {
  font-size: 1.6rem; /* =16px */
 }
  HTLM zápis:  
  h1 {
  font-size: 2.4rem; /* =24px */
 }