Counter
An enclosed or partially enclosed area of negative space within a letterform.
Everyday Data Visualization
An enclosed or partially enclosed area of empty space within a letterform.
- How it is used
- Uses counter shape as a practical criterion for choosing readable fonts, especially for small text.
- How deep it goes
- Defines counters and compares their roundness, stopping short of detailed letterform construction or measurement.
- Examples
- Compares counters in a, o, and d and across fonts including Museo Moderno, Palatino, Roboto, Futura Condensed, and Brush Script MT.
- What you can do after
- Evaluate font readability by inspecting counter openness and roundness at the intended text size.
Web Design Playground, Second Edition
A counter is an enclosed or partially enclosed negative space within a letterform.
- How it is used
- Guides typeface selection for legible portfolio text on laptop, tablet, and smartphone screens.
- How deep it goes
- Defines counters, identifies representative letters, and connects them to legibility without covering letterform construction internals.
- Examples
- Uses A, R, d, g, a, and e, plus Google Fonts comparisons and a small-screen typeface figure.
- What you can do after
- Evaluate typefaces for counter size and likely text legibility on small screens.
Read how Web Design Playground, Second Edition explains counter →
Related concepts
- x-heightproduced by · X-height is the vertical distance from a typeface’s baseline to the height of its lowercase letters, conventionally represented by the letter x.
- code readabilityuses · Code readability is the ease with which human readers can perceive and understand source code, including its structure and intent.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.