Text Styles
Typical default text size for headings (1em = 16px)
<h1>
2em / 32px typically used for main page heading
<h2>
1.5em / 24px typically used for main page subheadings
<h3>
1.17em / 18.72px typically used for subheadings of subheadings
<h4>
1em / 16px emphasizing titles to articles, sections, or images/video
<h5>
.83em / 13.28px emphasizing titles to articles, sections, or images/video
<h6>
.67em / 10.72px emphasizing titles to articles, sections, or images/video
Note: <p> default font-size is 1em = 16px
Some basic Font-families
- Serif fonts have a small stroke at the edges of each letter. They create a sense of formality and elegance.
- Sans-serif fonts have clean lines (no small strokes attached). They create a modern and minimalistic look.
- Monospace fonts - here all the letters have the same fixed width. They create a mechanical look.
- Cursive fonts imitate human handwriting.
- Fantasy fonts are decorative/playful fonts.
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