Jak stanovit font-size?

Nejdříve specifikace font-size v CSS (viz font-size):

Formal syntax: <absolute-size>|<relative-size>|<length>|<percentage>
font-size: xx-small  /* <absolute-size> values */
font-size: x-small
font-size: small
font-size: medium
font-size: large
font-size: x-large
font-size: xx-large
 
font-size: larger    /* <relative-size> values */
font-size: smaller
 
font-size: 12px      /* <length> values */
font-size: 0.8em
 
font-size: 80%       /* <percentage> values */
 
font-size: inherit

Podrobný rozbor jednotlivých hodnot najdeme ve výše uvedené specifikaci.

Důležité články o stanovení velikosti fontu na webové stránce jsou:

• Font Sizing with rem
• How to size text using ems
• Font Size Idea: px at the Root, rem for Components, em for Text Elements
• Type study: Sizing the legible letter

V nich se popisuje důležitost volby dynamické velikosti fontu (em, %, rem) v protikladu s pevnou velikostí (px) s ohledem na prohlížeče na straně uživatele.