Jon Tangerine / silo / typography / Rendering test for display sizes

A companion test suite to compare the performance of different rasterising engines for the article, Display Type & the Raster Wars.

Georgia Heading Example at 36px

As exprienced readers read, their eyes spring jerkily along the lines. These brief moments are known as saccades, and they alternate with fixed periods lasting 0.2–0.4 seconds. A line is perceived in a series of saccades, followed by a large saccade as the eye jumps back to the left to start a the next line. Information is only absorbed during the fixed period. With average type size, as used for books, a saccade represents 5–10 letters, or about 1–2 words in English. A saccade may begin or end with a word.

Arial Heading Example at 36px

As exprienced readers read, their eyes spring jerkily along the lines. These brief moments are known as saccades, and they alternate with fixed periods lasting 0.2–0.4 seconds. A line is perceived in a series of saccades, followed by a large saccade as the eye jumps back to the left to start a the next line. Information is only absorbed during the fixed period. With average type size, as used for books, a saccade represents 5–10 letters, or about 1–2 words in English. A saccade may begin or end with a word.

Verdana Heading Example at 36px

As exprienced readers read, their eyes spring jerkily along the lines. These brief moments are known as saccades, and they alternate with fixed periods lasting 0.2–0.4 seconds. A line is perceived in a series of saccades, followed by a large saccade as the eye jumps back to the left to start a the next line. Information is only absorbed during the fixed period. With average type size, as used for books, a saccade represents 5–10 letters, or about 1–2 words in English. A saccade may begin or end with a word.

Traditional scale from 16px to 72px

Georgia

PxEmSample Text
161Ampadoge&
181.125Ampadoge&
211.313Ampadoge&
241.5Ampadoge&
362.25Ampadoge&
483Ampadoge&
603.75Ampadoge&
724.5Ampadoge&

Verdana

PxEmSample Text
161Ampadoge&
181.125Ampadoge&
211.313Ampadoge&
241.5Ampadoge&
362.25Ampadoge&
483Ampadoge&
603.75Ampadoge&
724.5Ampadoge&

Arial

PxEmSample Text
161Ampadoge&
181.125Ampadoge&
211.313Ampadoge&
241.5Ampadoge&
362.25Ampadoge&
483Ampadoge&
603.75Ampadoge&
724.5Ampadoge&

Footnotes

Sample text from Detail in Typography (Hyphen Press, 2008) by Jost Hochuli.

Created on Thursday, 6th November, 2008.

Sharing

  1. Del.ici.ious logoAdd to del.icio.us
  2. Digg iconPost to Digg
  3. Magnolia iconAdd to Magnolia
  4. Feed iconRSS / Atom feed (log)