a site for beginner front-end web developers

Text / Font

Common Text / Fonts and tips on using them

Make sure to use good Line Spacing, Tracking, and Kerning with your text!

Text Styles
Typical default text size for headings (1em = 16px)

Note: <p> default font-size is 1em = 16px

Some basic Font-families

Some web friendly fonts at their default size

Arial (sans-serif)

0123456789abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz

Helvetica (sans-serif)

0123456789abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz

Trebuchet MS (sans-serif)

0123456789abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz

Times New Roman (serif)

0123456789abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz

Garamond (serif)

0123456789abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz

Courier New (monospace)

0123456789abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz

Brush Script MT (cursive)

0123456789abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz

Comic Sans MS (cursive)

0123456789abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz