Jon Tan / 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 experienced 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 experienced 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 experienced 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. Tweet this or follow Jon on Twitter
  2. Del.ici.ious logoAdd to del.icio.us
  3. Digg iconPost to Digg
  4. Feed iconRSS / Atom feed (log)

This is the archive of jontangerine.com version one, made in 2006, launched in 2007, and active until 2012. It’s archived to preserve the original design and its content that was referenced in multiple posts, books and galleries. There's a holding page before the new site arrives.