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)