Design Nomenclature / Type

Hinting

Also called grid-fitting, TrueType instructions

Instructions embedded in a font telling the rasteriser how to distort outlines onto a coarse pixel grid — snap stems to whole pixels, hold the x-height level across a line, keep a hairline from vanishing. Decisive at nine pixels of x-height; close to irrelevant at 2× or 3× device pixel ratio.

Two panels, headed unhinted and hinted, each setting nn over a coarse pixel grid at about nine pixels of x-height. Unhinted, the x-height falls at 9.4 px and splits a row of pixels, which is tinted; hinted, it is pulled to 9.0 and lands on the boundary. Only the geometry is drawn: an SVG cannot rasterise, so the greys a rasteriser would smear across that split row are reported rather than simulated, and the caption says so.

In practice

macOS has ignored hinting for years in favour of its own rasteriser; Windows at standard density still cares. Autohinting a webfont is worth it only if standard-DPI Windows is a real share of your traffic.

Not to be confused with

How this term connects

Anti-aliasingFontInk trapSubpixel RenderingSubsettingUnits per emHinting
Related Confused with