Jon Tan / silo / typography / @font-face test with Fontin Regular by Jos Buivenga

A companion test suite for the article, @font-face in IE: Making Web Fonts Work.

IE 4+, Safari 3, and Firefox 3.1 beta users should see Fontin except in the contexutal links and footer. See a Safari 3 screenshot, and IE7 screenshot with ClearType and IE6 without ClearType (with Standard rendering).

Paragraphs to a Traditonal Scale up to 24px with a line height of 1.5em

0.75em / 12px

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.

0.875em / 14px

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.

1em / 16px

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.

1.25em / 18px

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.

1.313em / 21px

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.

1.5em / 24px

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.

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

Full Traditional Scale

Px	Em	Sample Text
12	0.750	Ampadoje&
14	0.875	Ampadoje&
16	1	Ampadoje&
18	1.125	Ampadoje&
21	1.313	Ampadoje&
24	1.5	Ampadoje&
36	2.25	Ampadoje&
48	3	Ampadoje&
60	3.75	Ampadoje&
72	4.5	Ampadoje&

Footnotes

Created on Friday, 31st October, 2008. Happy Halloween! Updated screenshots 2nd November, 2008.

Warning: file_get_contents(): http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /nfs/c08/h05/mnt/123736/domains/v1.jontangerine.com/html/silo/inc/syndication.php on line 7

Warning: file_get_contents(http://tinyurl.com/api-create.php?url=http%3A%2F%2Fv1.jontangerine.com%2Fsilo%2Ftypography%2Ffont-face%2F): failed to open stream: no suitable wrapper could be found in /nfs/c08/h05/mnt/123736/domains/v1.jontangerine.com/html/silo/inc/syndication.php on line 7

Sharing

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.