Aperture

The aperture is the opening of a partially enclosed counter — the gap between the end of a stroke and where an imaginary closed counter would be. It's the opening in letters like 'c', 'e', 'a', 's', 'g', and uppercase 'C', 'G', 'S'. The aperture's width and angle is one of the most reliable indicators of how legible a font will be in challenging conditions.

Wide apertures (generous openings) make it easy to distinguish letters from each other and from surrounding whitespace. Humanist sans-serifs and many contemporary screen-optimized fonts are designed with wide apertures. Narrow apertures (nearly closed openings) create a more compact, dense texture but require larger sizes to remain clearly legible.

/* Wide aperture — ideal for small UI text and labels */
.open-aperture {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  /* 'e', 'c', 'a' have clearly open counters even at small sizes */
}

/* Narrower aperture — more density, better at larger sizes */
.dense-aperture {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

/* High-legibility design: maximum aperture opening */
.max-legibility {
  font-family: 'Inter', sans-serif;
  /* Inter was specifically designed with large apertures for
     optimal rendering at screen resolutions */
}

Aperture is directly connected to a common legibility problem: letter confusion. In low-aperture fonts at small sizes, 'c' and 'o' can be hard to distinguish. 'e' can look like 'o'. 'a' can close completely and read as 'o'. These confusions are more likely in unfavorable reading conditions: small text, poor contrast, low resolution, peripheral vision, or reading under fatigue.

For accessibility considerations, aperture is particularly important. Research on dyslexia-friendly fonts shows that wide, clearly open apertures significantly improve reading for users with dyslexic reading patterns, because the letters are easier to distinguish individually without requiring guesswork from context.

The concept of aperture extends into a useful heuristic for font selection: if you need a font to perform across a wide range of sizes, from 11px navigation labels to 48px headlines, prioritize fonts with wide apertures. They'll remain readable at the bottom of that range while looking equally strong at the top.