Aperture
An aperture is a partially enclosed negative space formed by an opening in a letterform.
Web Design Playground
The open or partially enclosed negative space in a letterform, especially where strokes do not fully close a counter.
- How it is used
- Guides typeface selection for readable text on small screens.
- How deep it goes
- Defines apertures, identifies letter examples, and relates them to counters and x-height without explaining font construction internals.
- Examples
- Uses C, S, a, and e, plus Google Fonts sample-text comparisons, to demonstrate apertures.
- What you can do after
- Evaluate typefaces in Google Fonts for aperture size and small-screen legibility.
Web Design Playground, Second Edition
An aperture is a partially enclosed negative space formed by the opening of a letterform.
- How it is used
- Guides typeface selection for legible portfolio-page text on small screens.
- How deep it goes
- Defines apertures, relates them to counters and x-height, and stops short of detailed letterform construction.
- Examples
- Uses C, S, a, and e, plus a visual comparison of typeface features.
- What you can do after
- Evaluate typefaces for small-screen readability using apertures, counters, x-height, and stroke contrast.
Read how Web Design Playground, Second Edition explains aperture →
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.
- countercontrasts with · A CSS counter is a named numerical value that CSS can increment or manipulate to generate sequential content such as numbering.
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.