This document presents a font sampler slideshow that compares how different fonts appear at various point sizes when displayed online or projected. It includes samples of sans serif, serif, and monospace fonts showing text from 18 to 72 points. Code snippets are also included in monospace fonts from 24 to 32 points to examine font legibility for technical content. The document was created in Keynote and uploaded to various online services to test font display quality in different formats and environments.

1. Slide Show
Font Sampler
Black on White Edition, v2012-05-28
How well do fonts convert online?
How good do they look on washed up projectors?
How big is too big? How small is too small?
Nick Galbreath nickg@client9.com @ngalbreath

2. Original Sources and
Alternative Versions
This presentation is available on multiple
online slide-sharing services and comes in both
black-text on white-background and
white-on-black versions.
http://goo.gl/Pwxoc
blog.client9.com/2012/05/

3. Problems
• How good is the font conversion when a
presentation is posted online?
• How good to fonts look on washed out
projectors? From how far away?
• For plain text? For computer code?

4. Solutions
• This deck contains the most popular sans-
serif fonts in 18, 24, 36, 42, 48, 64 and if
room, 72 point-size.
• Then common monospace fonts at
24, 30, 32 points along with some computer
code at 32 points.
• This was created with Keynote 5.1.1 using a
slide size of 1024x768 on Mac OS X 10.7.4
and uploaded to various services.

5. • The quick brown fox jumped over the
lazy dog. Arial 42.
•The quick brown fox jumped over the
lazy dog. Futura 42.
• The quick brown fox jumped over the lazy
dog. Gill Sans 42.
• The quick brown fox jumped over the
lazy dog. Helvetica 42.
• The quick brown fox jumped over the
lazy dog. Helvetica Neue 42.
• The quick brown fox jumped over the
lazy dog. Helvetica Neue Medium 42.

6. • The quick brown fox jumped over the
lazy dog. Helvetica Neue 42.
• The quick brown fox jumped over the
lazy dog. Trebuchet MS 42.
• The quick brown fox jumped over
the lazy dog. Verdana 42.
• The quick brown fox jumped over the
lazy dog. Helvetica Light 42
• The quick brown fox jumped over the
lazy dog. Helvetica Neue Light 42

7. • The quick brown fox jumped over the lazy dog.
Arial 36.
•The quick brown fox jumped over the lazy
dog. Futura 36.
• The quick brown fox jumped over the lazy dog.
Gill Sans 36.
• The quick brown fox jumped over the lazy dog.
Helvetica 36.
• The quick brown fox jumped over the lazy
dog. Helvetica Neue 36.
• The quick brown fox jumped over the lazy
dog. Helvetica Neue Medium 36.

8. • The quick brown fox jumped over the lazy
dog. Helvetica Neue 36.
• The quick brown fox jumped over the lazy
dog. Trebuchet MS 36.
• The quick brown fox jumped over the
lazy dog. Verdana 36.
• The quick brown fox jumped over the lazy
dog. Helvetica Light 36
• The quick brown fox jumped over the lazy dog.
Helvetica Neue Light 36
• The quick brown fox jumped over the lazy dog.
Helvetica Neue Light 36

9. • The quick brown fox jumped over the lazy dog.
Arial 30.
• The quick brown fox jumped over the lazy dog.
Futura 30.
• The quick brown fox jumped over the lazy dog.
Gill Sans 30.
• The quick brown fox jumped over the lazy dog.
Helvetica 30.
• The quick brown fox jumped over the lazy dog.
Helvetica Neue 30.
• The quick brown fox jumped over the lazy dog.
Helvetica Neue Medium 30.

10. • The quick brown fox jumped over the lazy dog.
Helvetica Neue 30.
• The quick brown fox jumped over the lazy dog.
Trebuchet MS 30.
• The quick brown fox jumped over the lazy dog.
Verdana 30.
• The quick brown fox jumped over the lazy dog.
Helvetica Light 30
• The quick brown fox jumped over the lazy dog.
Helvetica Neue Light 30

11. Arial
The quick brown fox jumped
over the lazy dog. 72
The quick brown fox jumped
over the lazy dog. 64
The quick brown fox jumped over the lazy
dog. 48
The quick brown fox jumped over the lazy dog. 42
The quick brown fox jumped over the lazy dog. 36
The quick brown fox jumped over the lazy dog. 24
The quick brown fox jumped over the lazy dog. 18

12. Futura Medium
The quick brown fox jumped
over the lazy dog. 64
The quick brown fox jumped over the lazy
dog. 48
The quick brown fox jumped over the lazy dog.
The quick brown fox jumped over the lazy dog. 36
The quick brown fox jumped over the lazy dog. 24
The quick brown fox jumped over the lazy dog.18

13. Gill Sans Regular
The quick brown fox jumped
over the lazy dog. 72
The quick brown fox jumped over
the lazy dog. 64
The quick brown fox jumped over the lazy dog.
The quick brown fox jumped over the lazy dog. 42
The quick brown fox jumped over the lazy dog. 36
The quick brown fox jumped over the lazy dog. 24
The quick brown fox jumped over the lazy dog. 18

14. Helvetica Regular
The quick brown fox jumped
over the lazy dog. 72
The quick brown fox jumped
over the lazy dog. 64
The quick brown fox jumped over the lazy
dog. 48
The quick brown fox jumped over the lazy dog. 42
The quick brown fox jumped over the lazy dog. 36
The quick brown fox jumped over the lazy dog. 24
The quick brown fox jumped over the lazy dog. 18

15. Helvetica Neue Reg
The quick brown fox jumped
over the lazy dog. 72
The quick brown fox jumped
over the lazy dog. 64
The quick brown fox jumped over the lazy
dog. 48
The quick brown fox jumped over the lazy dog.
The quick brown fox jumped over the lazy dog. 36
The quick brown fox jumped over the lazy dog. 24
The quick brown fox jumped over the lazy dog. 18

16. Helvetica Neue Med
The quick brown fox
jumped over the lazy dog.
The quick brown fox jumped
over the lazy dog. 64
The quick brown fox jumped over the lazy
dog. 48
The quick brown fox jumped over the lazy dog.
The quick brown fox jumped over the lazy dog. 36
The quick brown fox jumped over the lazy dog. 24
The quick brown fox jumped over the lazy dog. 18

17. Helvetica Light
The quick brown fox jumped
over the lazy dog. 72
The quick brown fox jumped
over the lazy dog. 64
The quick brown fox jumped over the lazy
dog. 48
The quick brown fox jumped over the lazy dog.42
The quick brown fox jumped over the lazy dog. 36
The quick brown fox jumped over the lazy dog. 24
The quick brown fox jumped over the lazy dog. 18

18. Helvetica Neue Light
The quick brown fox jumped
over the lazy dog. 72
The quick brown fox jumped over
the lazy dog. 64
The quick brown fox jumped over the lazy
dog. 48
The quick brown fox jumped over the lazy dog. 42
The quick brown fox jumped over the lazy dog. 36
The quick brown fox jumped over the lazy dog. 24
The quick brown fox jumped over the lazy dog. 18

19. Trebuchet MS
The quick brown fox jumped
over the lazy dog. 72
The quick brown fox jumped
over the lazy dog. 64
The quick brown fox jumped over the lazy
dog. 48
The quick brown fox jumped over the lazy dog.
The quick brown fox jumped over the lazy dog.36
The quick brown fox jumped over the lazy dog. 24
The quick brown fox jumped over the lazy dog. 18

20. Verdana
The quick brown fox jumped
over the lazy dog. 72
The quick brown fox jumped over
the lazy dog. 64
The quick brown fox jumped over the lazy dog.
The quick brown fox jumped over the lazy dog. 42
The quick brown fox jumped over the lazy dog. 36
The quick brown fox jumped over the lazy dog. 24
The quick brown fox jumped over the lazy dog. 18

21. Monospace

22. • #The ($quick) {brown fox} jumped over >>
the /* lazy */ “dog”! && ‘n00b’ || die
+12345.6789; 0 vs. O vs. o 1 vs. I vs. l
Andale Mono 30
• #The ($quick) {brown fox} jumped over >>
the /* lazy */ “dog”! && ‘n00b’ || die
+12345.6789; 0 vs. O vs. o 1 vs. I vs. l
Menlo 30
• #The ($quick) {brown fox} jumped over >>
the /* lazy */ “dog”! && ‘n00b’ || die
+12345.6789; 0 vs. O vs. o 1 vs. I vs. l
Monaco 30

23. • #The ($quick) {brown fox} jumped over >> the /*
lazy */ “dog”! && ‘n00b’ || die +12345.6789; 0
vs. O vs. o 1 vs. I vs. l
Andale Mono 24
• #The ($quick) {brown fox} jumped over >> the /*
lazy */ “dog”! && ‘n00b’ || die +12345.6789; 0
vs. O vs. o 1 vs. I vs. l
Menlo 24
• #The ($quick) {brown fox} jumped over >> the /*
lazy */ “dog”! && ‘n00b’ || die +12345.6789; 0
vs. O vs. o 1 vs. I vs. l
Monaco 24

24. Andale Mono
• #The ($quick) {brown fox} jumped over
>> the /* lazy */ dog! && n00b || die
+12345.6789;
0 vs. O vs. o 1 vs. I vs. l (32 pt)
• #The ($quick) {brown fox} jumped over >>
the /* lazy */ dog! && n00b || die
+12345.6789;
0 vs. O vs. o 1 vs. I vs. l (30 pt)
• #The ($quick) {brown fox} jumped over >> the /*
lazy */ dog! && n00b || die +12345.6789;
0 vs. O vs. o 1 vs. I vs. l (24 pt)

25. Courier
• #The ($quick) {brown fox} jumped over
>> the /* lazy */ dog! && n00b || die
+12345.6789;
0 vs. O vs. o 1 vs. I vs. l (32 pt)
• #The ($quick) {brown fox} jumped over >>
the /* lazy */ dog! && n00b || die
+12345.6789; 0 vs. O vs. o 1 vs. I vs. l
(30 pt)
• #The ($quick) {brown fox} jumped over >> the /*
lazy */ dog! && n00b || die +12345.6789;
0 vs. O vs. o 1 vs. I vs. l (24 pt)

26. Courier New
• #The ($quick) {brown fox} jumped over
>> the /* lazy */ dog! && n00b || die
+12345.6789;
0 vs. O vs. o 1 vs. I vs. l (32 pt)
• #The ($quick) {brown fox} jumped over >>
the /* lazy */ dog! && n00b || die
+12345.6789;
0 vs. O vs. o 1 vs. I vs. l (30 pt)
• #The ($quick) {brown fox} jumped over >> the /*
lazy */ dog! && n00b || die +12345.6789;
0 vs. O vs. o 1 vs. I vs. l (30 pt)

27. Menlo
• #The ($quick) {brown fox} jumped over
>> the /* lazy */ dog! && n00b || die
+12345.6789;
0 vs. O vs. o 1 vs. I vs. l (32 pt)
• #The ($quick) {brown fox} jumped over >>
the /* lazy */ dog! && n00b || die
+12345.6789;
0 vs. O vs. o 1 vs. I vs. l (30 pt)
• #The ($quick) {brown fox} jumped over >> the /*
lazy */ dog! && n00b || die +12345.6789;
0 vs. O vs. o 1 vs. I vs. l (24 pt)

28. Monaco
• #The ($quick) {brown fox} jumped over
>> the /* lazy */ dog! && n00b || die
+12345.6789;
0 vs. O vs. o 1 vs. I vs. l (32 pt)
• #The ($quick) {brown fox} jumped over >>
the /* lazy */ dog! && n00b || die
+12345.6789;
0 vs. O vs. o 1 vs. I vs. l (30 pt)
• #The ($quick) {brown fox} jumped over >> the /* lazy
*/ dog! && n00b || die +12345.6789;
0 vs. O vs. o 1 vs. I vs. l (24 pt)

29. Andale Mono 30
for (lim = nmemb; lim != 0; lim >>= 1) {
p = base + (lim >> 1) * size;
cmp = (*compar)(key, p);
if (cmp == 0)
return ((void *)p);
if (cmp > 0) { /* key > p: move right */
base = (char *)p + size;
lim--;
} /* else move left */
}
return (NULL);

30. Courier 30
for (lim = nmemb; lim != 0; lim >>= 1) {
! ! p = base + (lim >> 1) * size;
! ! cmp = (*compar)(key, p);
! ! if (cmp == 0)
! ! ! return ((void *)p);
! ! if (cmp > 0) {! /* key > p: move right */
! ! ! base = (char *)p + size;
! ! ! lim--;
! ! }! ! /* else move left */
! }
return (NULL);

31. Courier New 30
for (lim = nmemb; lim != 0; lim >>= 1) {
p = base + (lim >> 1) * size;
cmp = (*compar)(key, p);
if (cmp == 0)
return ((void *)p);
if (cmp > 0) { /* key > p: move right */
base = (char *)p + size;
lim--;
} /* else move left */
}
return (NULL);

32. Menlo 30
for (lim = nmemb; lim != 0; lim >>= 1) {
! ! p = base + (lim >> 1) * size;
! ! cmp = (*compar)(key, p);
! ! if (cmp == 0)
! ! ! return ((void *)p);
! ! if (cmp > 0) {! /* key > p: move right */
! ! ! base = (char *)p + size;
! ! ! lim--;
! ! }! ! /* else move left */
! }
! return (NULL);

33. Monaco 30
for (lim = nmemb; lim != 0; lim >>= 1) {
p = base + (lim >> 1) * size;
cmp = (*compar)(key, p);
if (cmp == 0)
return ((void *)p);
if (cmp > 0) { /* key > p: move right */
base = (char *)p + size;
lim--;
} /* else move left */
}
return (NULL);

34. Andale Mono 24
for (lim = nmemb; lim != 0; lim >>= 1) {
p = base + (lim >> 1) * size;
cmp = (*compar)(key, p);
if (cmp == 0)
return ((void *)p);
if (cmp > 0) { /* key > p: move right */
base = (char *)p + size;
lim--;
} /* else move left */
}
return (NULL);

35. Menlo 24
for (lim = nmemb; lim != 0; lim >>= 1) {
! ! p = base + (lim >> 1) * size;
! ! cmp = (*compar)(key, p);
! ! if (cmp == 0)
! ! ! return ((void *)p);
! ! if (cmp > 0) {! /* key > p: move right */
! ! ! base = (char *)p + size;
! ! ! lim--;
! ! }! ! /* else move left */
! }
! return (NULL);

36. Monaco 24
for (lim = nmemb; lim != 0; lim >>= 1) {
p = base + (lim >> 1) * size;
cmp = (*compar)(key, p);
if (cmp == 0)
return ((void *)p);
if (cmp > 0) { /* key > p: move right */
base = (char *)p + size;
lim--;
} /* else move left */
}
return (NULL);

37. Acknowledgements
• Source code sample is from FreeBSD
“bsearch.c” http://bit.ly/KDYqwl
• Please see file for copyright notices.