Font hinting

A font test without hinting (upper rows) and with hinting (lower rows) at both true size and 400% scaling. Note the increased edge contrast with the hinted text but more faithful character shape and more natural inter-character spacing in the unhinted text.

Font hinting, also known as instructing, is the use of mathematical instructions to adjust the display of an outline font so that it lines up with a rasterized grid. At low screen resolutions, hinting is critical for producing clear, legible text. It can be accompanied by antialiasing and (on liquid crystal displays) subpixel rendering for further clarity.

Overview

Anti-
alias-
ing
Hinting  

Without

With

Without

With

For the purpose of on-screen text display, font hinting designates which primary pixels are interpolated to more clearly render a font.[citation needed] Hints are usually created in a font editor during the typeface design process and embedded in the font. A font can be hinted either automatically (through processed algorithms based on the character outlines) or set manually. Most font editors are able to do automatic hinting, and this approach is suitable for many fonts. However, high-quality commercial fonts are often manually hinted to provide the sharpest appearance on computer displays. Verdana is one example of a font that contains a large amount of hinting data, much of which was accomplished manually by type engineer Tom Rickner.[1]

Implementations

In the TrueType font format, released in 1991 by Apple Inc, hinting invokes tables of font data used to render fonts properly on screen. One aspect of TrueType hinting is grid-fitting, which modifies the height and width of font characters to line up to the set pixel grid of screen display. The open-source FreeType 2 font rendering engine uses an auto-hinter when such hinting data are not present or their use is restricted by a software patent.[2] As of 2011, the FreeType website states that the relevant font hinting patents have now all expired, and hinting is now enabled in FreeType by default.[2]

Guidelines

According to the TrueType Reference Manual,[3] font instructors (those performing font hinting) must balance the following two constraints when hinting a font:

  • At small sizes, chance effects should not be allowed to magnify small differences in the original outline design of a glyph.
  • At large sizes, the subtlety of the original design should emerge.[3]

The reference manual suggests that, for screen viewing, fonts should be readable at 9 pixels per em at 72 pixels per inch. Particular attention should be paid to the cap height, x-height, and baseline, so that the font retains its normal character while not producing exaggerated effects at small sizes.

High-DPI displays

With the advent of high-DPI displays (generally considered to be displays with more than 300 pixels per inch), font hinting has become less relevant, as aliasing effects become un-noticeable to the human eye. As a result Apple's Quartz text renderer, which is targeted for Apple's Retina displays, now ignores font hint information completely.[4][5]

See also

References

  1. ^ "Georgia & Verdana — Typefaces designed for the screen (finally)". Daniel Will-Harris. 2003. Archived from the original on 2013-08-28. Retrieved 2010-05-24.
  2. ^ a b "FREETYPE & PATENTS". the FreeType Project. 2009-06-09. Retrieved 2010-01-28.
  3. ^ a b "TrueType Reference Manual". developer.apple.com. Archived from the original on 2012-12-25.
  4. ^ Biľak, Peter (2010-05-17). "Typotheque: Font hinting article on Typotheque by Peter Biľak". www.typotheque.com. Retrieved 2023-09-15.
  5. ^ "A Closer Look At Font Rendering". Smashing Magazine. 2012-04-24. Retrieved 2023-09-15.