Zoom Level Testcase

font-size: 10pt; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 12pt; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 14pt; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 16pt; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 18pt; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 10px; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 11px; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 12px; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 13px; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 14px; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 15px; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 16px; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 18px; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 20px; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 22px; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 24px; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 26px; width: 800px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 10pt; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 12pt; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 14pt; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 16pt; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 18pt; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 10px; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0 a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 11px; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0 a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 12px; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0 a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 13px; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0 a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 14px; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0 a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 15px; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0 a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 16px; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0 a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 18px; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0 a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 20px; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0 a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 22px; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0 a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 24px; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0 a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890

font-size: 26px; width: 1600px

a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0 a2 ab3 abc4 abcd5 abcde6 abcdef7 abcdefg8 abcdefgh9 abcdefghk0
123456789022345678903234567890423456789052345678906234567890723456789082345678909234567890a234567890b234567890c234567890d234567890e234567890f234567890


Notes

  1. Try different zoom levels, to see how many words/characters fit per line at each level.
  2. Several alternate stylesheets are available via your modern, standards-compliant web browser. These merely select various font-families.
  3. Note - Most recent browser versions assume a DPI of 96, which fixes the ratio between pixels and points at 4 to 3; e.g. 16px equals 12pt. With these browsers it is impossible to render objects in such absolute sizes as inches, cm or, in the instant case, points. The only way with these browsers for attempts to size this way to produce expected results is if the actual display used has a DPI of 96. For reliable rendering at reported pt sizes, though not necessarily accurate WRT the display's pixel density, you'll need to open this page in a Gecko browser, such as Camino, Firefox or SeaMonkey. Even then results may be less than 100%, unless either your actual DPI is 96 or higher, or your Gecko's about:config preference layout.css.dpi is set to either 0, or your desktop's actual DPI.

Parent page
Valid HTML 4.01!
Last Modified
2011/03/27
© Felix Miata
Felix's Home