Times New Roman serif — The quick brown fox jumps over the lazy dog
Segoe UI sans-serif — The quick brown fox jumps over the lazy dog
Consolas monospace — The quick brown fox jumps over the lazy dog
Regular (400) — Design is not just what it looks like
Medium (500) — Design is not just what it looks like
Bold (700) — Design is not just what it looks like
Black (900) — Design is not just what it looks like
Normal (no italic) — Design is not just what it looks like
11px — Small caption text
14px — Body text baseline
28px — Section heading
40px — Page title
Line-height 1.0 — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Line-height 1.2 — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Line-height 2.5 — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Wider letter-spacing (1px)
Extra letter-spacing (3px)
Very wide letter-spacing (6px)
Very wide word spacing (20px) between each word
Wavy red underline decoration
No decoration anymore
lowercase text transform
CAPITALIZED TEXT TRANSFORM EXAMPLE