General tests

font: 20px monospace;

font: 12pt/14pt sans-serif;

font: 80% cursive;

font: bold 80% cursive;

font: x-large/110% fantasy, serif;

font: 400 2em SerenitySans;

font: 400 200% SerenitySans;

font: 400 x-large SerenitySans;

font: smaller SerenitySans;

font: normal smaller SerenitySans;

font: bold italic large Helvetica, sans-serif;

font: normal small-caps 120%/120% monospace;

font: condensed oblique 12pt "Helvetica Neue", serif;

font: condensed oblique 25deg 12pt "Helvetica Neue", serif;

font-style: italic

Calc() values

font-family: 'Liberation Serif', cursive; font-size: calc(120% + 10px);

font: calc(120% + 10px) 'Liberation Serif', cursive;

font-family: 'Liberation Serif', cursive; font-weight: calc((200 * 3) + 100);

font: calc((200 * 3) + 100) 20px 'Liberation Serif', cursive;

Fallback

font: 16pt 'fake font', not-real-font, 'SerenitySans', monospace;

font-family: 'fake font', not-real-font, 'SerenitySans', monospace;

Fonts with multiple faces

font: 20px 'Liberation Serif';

font: italic 20px 'Liberation Serif';

font: bold 20px 'Liberation Serif';

font: bold italic 20px 'Liberation Serif';