Slide Show Font Sampler

White on Black 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

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/

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?

Solutions
This deck contains the most popular sansserif 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. slide size of 1024x768 on Mac OS X 10.7.4 and uploaded to various services.

This was created with Keynote 5.1.1 using a

 The quick brown fox jumped over the

lazy dog. Arial 42.

The quick brown fox jumped over the

lazy dog. Futura 42. dog. Gill Sans 42.

The quick brown fox jumped over the lazy 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.

 The quick brown fox jumped over the

lazy dog. Helvetica Neue 42. lazy dog. Trebuchet MS 42.

The quick brown fox jumped over the The quick brown fox jumped over
the lazy dog. Verdana 42. lazy dog. Helvetica Light 42

The quick brown fox jumped over the The quick brown fox jumped over the
lazy dog. Helvetica Neue Light 42

The quick brown fox jumped over the lazy dog. Arial 36. dog. Futura 36.

The quick brown fox jumped over the lazy

The quick brown fox jumped over the lazy dog. Gill Sans 36. The quick brown fox jumped over the lazy dog. Helvetica 36. dog. Helvetica Neue 36.

The quick brown fox jumped over the lazy The quick brown fox jumped over the lazy
dog. Helvetica Neue Medium 36.

 The quick brown fox jumped over the lazy

dog. Helvetica Neue 36. dog. Trebuchet MS 36.

The quick brown fox jumped over the lazy The quick brown fox jumped over the
lazy dog. Verdana 36. dog. Helvetica Light 36 Helvetica Neue Light 36

The quick brown fox jumped over the lazy The quick brown fox jumped over the lazy dog.

The quick brown fox jumped over the lazy dog. Helvetica Neue Light 36

The quick brown fox jumped over the lazy dog. Arial 30. Futura 30.

The quick brown fox jumped over the lazy dog.

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.

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

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

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

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

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

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

Helvetica Neue Reg

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

Helvetica Neue Med

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

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

Helvetica Neue Light

Trebuchet MS
The quick brown fox jumped over the lazy dog. 72
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

The quick brown fox jumped over the lazy dog. 64

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

Monospace

 #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 ($quick) {brown fox} jumped over >> the /* lazy */ dog! && n00b || die +12345.6789; 0 vs. O vs. o 1 vs. I vs. l Menlo 30 ($quick) {brown fox} jumped over >> the /* lazy */ dog! && n00b || die +12345.6789; 0 vs. O vs. o 1 vs. I vs. l Monaco 30

#The #The

#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

Andale Mono
#The
#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)
($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
#The
#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)
($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 New
#The
#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)
($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)

Menlo
#The
#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)
($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
#The
#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)
($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 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);

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);

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);

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);

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);

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);

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);

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);

Acknowledgements
Source code sample is from FreeBSD
bsearch.c http://bit.ly/KDYqwl

Please see le for copyright notices.