Jon Tan / silo / typography / Web Fonts Test Suite

A companion reference to the articles, Smoothing out the Creases in Web Fonts and What Future for Web Typography & Screen Fonts? The bold, italic, bold italic and small caps variants may not appear in the typeface but have been included for display reference.

  1. Core Web Fonts
    1. Andale Mono
    2. Arial
    3. Arial Black
    4. Comic Sans MS
    5. Courier New
    6. Georgia
    7. Impact
    8. Times New Roman
    9. Trebuchet MS
    10. Verdana
  2. Other Font Famillies / Stacks
    1. Lucida Grande & Lucida Sans Unicode
    2. Baskerville & Palatino Linotype

1. Core Web Fonts

1.1. Andale Mono by Steve Matteson

PxEmRegularBoldItalicBold ItalicSmall Caps
110.688Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
120.750Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
130.813Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
140.875Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
150.938Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
161Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
171.063Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
181.125Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
191.188Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
201.250Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
211.313Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&

1.2. Arial by Robin Nicholas and Patricia Saunders

PxEmRegularBoldItalicBold ItalicSmall Caps
110.688Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
120.750Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
130.813Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
140.875Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
150.938Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
161Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
171.063Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
181.125Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
191.188Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
201.250Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
211.313Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&

1.3. Arial Black by Robin Nicholas and Patricia Saunders

PxEmRegularBoldItalicBold ItalicSmall Caps
110.688Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
120.750Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
130.813Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
140.875Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
150.938Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
161Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
171.063Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
181.125Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
191.188Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
201.250Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
211.313Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&

1.4. Comic Sans MS by Vincent Connare

PxEmRegularBoldItalicBold ItalicSmall Caps
110.688Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
120.750Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
130.813Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
140.875Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
150.938Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
161Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
171.063Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
181.125Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
191.188Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
201.250Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
211.313Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&

1.5. Courier New by Adrian Frutiger and Howard Kettler

PxEmRegularBoldItalicBold ItalicSmall Caps
110.688Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
120.750Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
130.813Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
140.875Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
150.938Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
161Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
171.063Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
181.125Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
191.188Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
201.250Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
211.313Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&

1.6. Georgia by Matthew Carter

PxEmRegularBoldItalicBold ItalicSmall Caps
110.688Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
120.750Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
130.813Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
140.875Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
150.938Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
161Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
171.063Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
181.125Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
191.188Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
201.250Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
211.313Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&

1.7. Impact by Geoffrey Lee

PxEmRegularBoldItalicBold ItalicSmall Caps
110.688Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
120.750Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
130.813Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
140.875Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
150.938Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
161Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
171.063Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
181.125Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
191.188Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
201.250Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
211.313Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&

1.8. Times New Roman by Stanley Morison with Starling Burgess and Victor Lardent

PxEmRegularBoldItalicBold ItalicSmall Caps
110.688Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
120.750Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
130.813Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
140.875Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
150.938Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
161Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
171.063Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
181.125Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
191.188Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
201.250Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
211.313Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&

1.9. Trebuchet MS by Vincent Connare

PxEmRegularBoldItalicBold ItalicSmall Caps
110.688Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
120.750Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
130.813Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
140.875Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
150.938Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
161Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
171.063Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
181.125Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
191.188Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
201.250Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
211.313Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&

1.10. Verdana by Matthew Carter

PxEmRegularBoldItalicBold ItalicSmall Caps
110.688Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
120.750Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
130.813Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
140.875Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
150.938Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
161Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
171.063Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
181.125Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
191.188Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
201.250Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
211.313Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&

References

  1. Core Web Fonts on Wikipedia
  2. Microsoft Typography
  3. Sourceforge core fonts download

2. Other Web Fonts — Cross Platform Font Famillies

2.1. Lucida Grande (OSX) & Lucida Sans Unicode (Win) both by Charles Bigelow and Kris Holmes

font-family:'lucida grande','lucida sans unicode';

PxEmRegularBoldItalicBold ItalicSmall Caps
110.688Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
120.750Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
130.813Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
140.875Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
150.938Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
161Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
171.063Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
181.125Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
191.188Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
201.250Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
211.313Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&

2.2. Baskerville by John B (revived) (OSX) & Palatino Linotype by Herman Zapf (Win)

font-family:baskerville,'palatino linotype';

PxEmRegularBoldItalicBold ItalicSmall Caps
110.688Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
120.750Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
130.813Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
140.875Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
150.938Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
161Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
171.063Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
181.125Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
191.188Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
201.250Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&
211.313Ampadoje&Ampadoje&Ampadoje&Ampadoje&Ampadoje&

Related

  1. Pixels to Ems Conversion Table for CSS

Notes

Why “Ampadoje&” for sample text? I wanted a small range of glyphs to give a flavour of the faces with common vowels, ascenders, descenders and at least one capital and special character. Plus, trying to pronounce the word made me smile. I have it as “amp–a–doh–gee!”

Written on Oct 21, 2007.

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)