Slide Show Font Sampler, White on Black

How do fonts look when uploaded onto slideshare when the presentation is of various sides? How does it look on a washed-out projector? For plain text? For computer-code?

This presentation provides a number of sans-serif and monospace fonts to help answer these questions.

Transcript

1. Slide Show Font Sampler 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 White on Black Edition, v2012-05-28
2. http://goo.gl/Pwxoc blog.client9.com/2012/05/ 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.
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. • #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) Andale Mono
25. • #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) Courier
26. • #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) Courier New
27. • #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) Menlo
28. • #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) Monaco
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.