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
| Px | Em | Sample Text |
|---|---|---|
| 16 | 1 | Ampadoge& |
| 18 | 1.125 | Ampadoge& |
| 21 | 1.313 | Ampadoge& |
| 24 | 1.5 | Ampadoge& |
| 36 | 2.25 | Ampadoge& |
| 48 | 3 | Ampadoge& |
| 60 | 3.75 | Ampadoge& |
| 72 | 4.5 | Ampadoge& |
Verdana
| Px | Em | Sample Text |
|---|---|---|
| 16 | 1 | Ampadoge& |
| 18 | 1.125 | Ampadoge& |
| 21 | 1.313 | Ampadoge& |
| 24 | 1.5 | Ampadoge& |
| 36 | 2.25 | Ampadoge& |
| 48 | 3 | Ampadoge& |
| 60 | 3.75 | Ampadoge& |
| 72 | 4.5 | Ampadoge& |
Arial
| Px | Em | Sample Text |
|---|---|---|
| 16 | 1 | Ampadoge& |
| 18 | 1.125 | Ampadoge& |
| 21 | 1.313 | Ampadoge& |
| 24 | 1.5 | Ampadoge& |
| 36 | 2.25 | Ampadoge& |
| 48 | 3 | Ampadoge& |
| 60 | 3.75 | Ampadoge& |
| 72 | 4.5 | Ampadoge& |
Footnotes
Sample text from Detail in Typography (Hyphen Press, 2008) by Jost Hochuli.
Created on Thursday, 6th November, 2008.
Sharing
Tweet this
Add to del.icio.us
Post to Digg
RSS / Atom feedThis 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.