wp-Typography CSS Code Example

wp-​​Typography includes the abil­ity to for­mat cer­tain char­ac­ter types, including:

• num­bers (class “numbers”)
• amper­sands (class “amp”)
• upper­case words (class “caps”)
• ini­tial sin­gle quotes (class “quo”)
• ini­tial dou­ble quotes (class “dquo”)
• frac­tions (“sup” and “sub” HTML elements)
• ordi­nal suf­fixes (“sup” HTML element)

Here is some exam­ple CSS that can be used in con­junc­tion with wp-​​Typography:

sup {
	vertical-align: 60%;
	font-size: 75%;
	line-height: 100%;
}
sub {
	vertical-align: -10%;
	font-size: 75%;
	line-height: 100%;
}
.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", "Warnock Pro", "Goudy Old Style", serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.1em;
	line-height: 1em;
}
.caps {
	font-size: 90%;
}
.dquo {
	margin-left:-.40em;
}
.quo {
	margin-left:-.2em;
}
.numbers {
	/* lowercase numbers for body text */
	font-family: Georgia, serif;
}
h1 .numbers, h2 .numbers, h3 .numbers, h4 .numbers, h5 .numbers, h6 .numbers {
	/* uppercase numbers for headings */
	font-family: "Century Schoolbook", serif;
}