liveBook · Manning

Aperture

As explained in Web Design Playground, Second Edition

An aperture is a partially enclosed negative space formed by the opening of a letterform.

An aperture is the partially enclosed negative space inside a letterform. In letters such as C, S, a, and e, a larger aperture generally makes the character easier to read, especially on small screens. section 20.3

When auditioning typefaces for a small-screen page, look for:

  • Large apertures for open, readable letterforms. section 20.3
  • A generous x-height, which often accompanies larger counters and apertures. section 20.3
  • Low to medium stroke contrast, so thin strokes do not disappear. section 20.3

Apertures and counters can trade places

Letters such as a and e contain both a counter and an aperture. A larger counter can imply a smaller aperture, and vice versa, so a healthy x-height helps both features render clearly. section 20.3

Figure 20.2 When deciding on a typeface that will render well even on small displays, look for larger counters and apertures, good x-height, and low stroke contrast.

Compare the letterforms visually: the figure highlights larger counters and apertures, stronger x-height, and restrained stroke contrast as small-display criteria. section 20.3

How Web Design Playground, Second Edition covers it

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.
How it connects
Connects apertures with counters, x-height, stroke contrast, typefaces, and legibility.

Also explained in

Compare how 2 books explain aperture →

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Web Design Playground, Second Edition. The section links point to the parts of the book it draws on.