Typography - Pro CSS Techniques - page 215

h1, h2, h3 {
margin: 1em 0 .25em 0;
font-family: Calibri, Helvetica, Arial, sans-serif;
text-transform: capitalize;
letter-spacing: -.05em;
}
/* Specific styles for h1 and h2 */
h1 { font-size: 2em; }
h2 { font-size: 1.66em; color: #666; }
/* Let's put a decorative flueron before h2s */
h2:before {
content: "\2767";
margin-right: 0.5em;
margin-left: -1.25em;
}
/* For h3, we'll use a different color and font, all uppercase,
and without the tighter letter-spacing */
h3 {
font-size: 1em;
font-family: Constantia, Georgia, "Times New Roman", serif;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0;
color: #cc0000;
}
/* Base styles for paragraphs. We'll remove the margins
and increase the leading (line-height) */
p {
margin: 0;
line-height: 1.4;
}
/* Paragraphs after other paragraphs should be indented. */
p + p { text-indent: 1.5em; }
/* Make our intro paragraph a little bigger and with small-caps
on the first line. Also, justify the text. */
p.intro {
text-align: justify;
font-size: 1.33em;
line-height: 1.2;
}