Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Gimme a hint on hinting

October 15, 2014

Gimme a hint on hinting

All about font hinting, subpixel rendering, and ponies in browsers


October 15, 2014

Other Decks in Design


  1. NEVILLE BRODY „Typography has to do with ’mood-setting’ before the

    message is delivered. Typography is a hidden tool of manipulation within society.“
  2. Hinting, or screen optimizing, is the process by which fonts

    are adjusted for maximum readability on computer monitors. https://www.typotheque.com/articles/hinting
  3. Modern fonts are not designed primarily for the 72–96 dpi

    resolution of computer screens. https://www.typotheque.com/articles/hinting
  4. This is the reason that webpage designers have long been

    more or less limited to a dozen or so fonts (Verdana, Georgia, Arial, etc.) https://www.typotheque.com/articles/hinting
  5. Font hinting A font test without hinting (upper rows) and

    with hinting (lower rows). Note the increased edge contrast with the hinted text but more faithful character shape and more natural inter-character spacing in the unhinted text. http://en.wikipedia.org/wiki/Hinting
  6. Every letter is basically designed for each point size again.

  7. Microsoft’s rasteriser tries to align characters to whole pixel grid,

    with the result that ‘Regular’ weights look lighter, ‘Bold’ weights look heavier, and subtle details of design can be lost at small point sizes. https://www.typotheque.com/articles/hinting
  8. Microsoft generally believes that the shape of each letter should

    be hammered into pixel boundaries to prevent blur and improve readability, even at the cost of not being true to the typeface. http://www.joelonsoftware.com/items/2007/06/12.html
  9. Apple’s rasteriser tries to preserve the design of the typeface

    as much as possible, sometimes at the cost of image clarity. https://www.typotheque.com/articles/hinting
  10. Apple generally believes that the goal of the algorithm should

    be to preserve the design of the typeface as much as possible, even at the cost of a little bit of blurriness. http://www.joelonsoftware.com/items/2007/06/12.html
  11. vs

  12. „Quartz [today: CoreText] rendering is reliable because it doesn’t try

    to be smart.„ http://www.smashingmagazine.com/2012/04/24/a-closer-look-at-font-rendering/