Hanging Punctuation

Ellen Lupton’s Thinking with Type, (p.58):

“Hanging punctuation” prevents quotations and other marks from taking a bite out of the crisp left edge of a text block.

Syntax

blockquote p {
	/*Currently not supported*/
	hanging-punctuation: first; 
	
	/*fallback*/
	text-indent: -0.5em;}

Avoid overpunctuating lists.

A list is an inherently spacial and numerical arrangement. Speakers reciting lists often enumerate on their fingers, and lists set in type often call for equivalent typography gestures. This means that the list should be clarified as much as possible through spatial positioning and pointing, usually done with bullets, dashes or numerals. If the numbers are made visible either through prominence (e.g., by setting them in a contrasting face), additional punctuation—extra periods, parentheses or the like—should rarely be required.

Recommended Reading

• Detail In Typography by Jost Hochuli
• Inside Paragraphs: Typographic Fundamentals by Cyrus Highsmith
• Shaping Text: Type, Typography and the Reader by Jan Middendrop

Jan Tschichold’s New Typographic Rules

1. Fewest possible typefaces
2. Fewest possible type sizes
3. No letterspacing of lowercase (which was then still used for emphasis in German-speaking countries)
4. Emphasis by using italic or bold of the same face
5. Use of capitals only as an exception, then carefully letterspaced
6. Format text lines into not more than three groups

Syntax

ul, ol {margin: 0; padding: 0}