Font Demo
Font Families
The quick brown fox (font-body)
The quick brown fox (font-display)
The quick brown fox (font-heading)
Font Sizes
The quick brown fox (text-xs)
The quick brown fox (text-sm)
The quick brown fox (text-base)
The quick brown fox (text-lg)
The quick brown fox (text-xl)
The quick brown fox (text-2xl)
The quick brown fox (text-3xl)
The quick brown fox (text-4xl)
The quick brown fox (text-5xl)
Font Weights
The quick brown fox (font-thin)
The quick brown fox (font-light)
The quick brown fox (font-normal)
The quick brown fox (font-medium)
The quick brown fox (font-semibold)
The quick brown fox (font-bold)
The quick brown fox (font-extrabold)
The quick brown fox (font-black)
Line Heights
The quick brown fox jumps over the lazy dog. Multiple lines of text to demonstrate line height. (leading-none)
The quick brown fox jumps over the lazy dog. Multiple lines of text to demonstrate line height. (leading-tight)
The quick brown fox jumps over the lazy dog. Multiple lines of text to demonstrate line height. (leading-snug)
The quick brown fox jumps over the lazy dog. Multiple lines of text to demonstrate line height. (leading-normal)
The quick brown fox jumps over the lazy dog. Multiple lines of text to demonstrate line height. (leading-relaxed)
The quick brown fox jumps over the lazy dog. Multiple lines of text to demonstrate line height. (leading-loose)
Letter Spacing
The quick brown fox (tracking-tighter)
The quick brown fox (tracking-tight)
The quick brown fox (tracking-normal)
The quick brown fox (tracking-wide)
The quick brown fox (tracking-wider)
The quick brown fox (tracking-widest)