To serif or not to serif

20
MICHAEL OPSTEEGH LIGHTNING TALK 6 MAY 2013

description

Font selection is partly a matter of taste and preference, but these choices affect readability and legibility. It’s time to move past the serif for print and sans serif for online rule.

Transcript of To serif or not to serif

Page 1: To serif or not to serif

MICHAEL OPSTEEGHLIGHTNING TALK • 6 MAY 2013

Page 2: To serif or not to serif

http://visual.ly/so-you-need-typeface

Page 3: To serif or not to serif

http://www.flickr.com/photos/arenamontanus/8333815612/

Page 4: To serif or not to serif

AaBbCcDdEeFfGgHhIiOld StyleParis 1600s

Adobe Garamond Pro

AaBbCcDdEeFfGgHhTransitionalEngland 1700s

Baskerville

AaBbCcDdEeFfGgHModernItaly 1700s

Bodoni MT

AaBbCcDdEeFfGgSlab SerifUnited States 1800s

Rockwell

AaBbCcDdEeFfGgHSans SerifSwitzerland 1900s

Helvetica

Page 5: To serif or not to serif

OR

Designer

Poor imitationHelveticaArial

Page 6: To serif or not to serif

OR

classy

Anachronistic

Adobe Caslon Pro (Small Caps)Garamond Narrow

Page 7: To serif or not to serif

OR

Powerful

Clunky

Hypatia Sans Pro (Semibold)Rockwell (Bold)

Page 8: To serif or not to serif

OR

POPULAR

Overused

Gotham (Medium, All Caps)Gill Sans

Page 9: To serif or not to serif

OR

MODERN

InstitutionalFutura (All Caps)Helvetica

Page 10: To serif or not to serif

OR

Elegant

Painful

Kunstler ScriptLover’s Quarrel

Page 11: To serif or not to serif

OR

Fun

AbsurdJokermanComic Sans

Page 12: To serif or not to serif

You’re invited

Hel

vetic

a

Main Street 1 mi.

Kun

stle

r Sc

ript

Page 13: To serif or not to serif

Are serif typefaces good for print? T

imes

And, sans serif better for the screen? C

alib

ri

Page 14: To serif or not to serif

http://www.digitaltrends.com/mobile/ipad-mini-vs-galaxy-note-8/

Page 15: To serif or not to serif

HeightWidth

Myriad ProMinion Pro

Page 16: To serif or not to serif

Futura Medium : 429 glyphs

– — ʻ ʼ ‚ “ ” „ † ‡ • … ‰ ‹ › ⁄

! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6

7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N

O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f

g h i j k l m n o p q r s t u v w x y z { | } ~

§ ¨ © ª « ¬ ® ¯ ° ± ´ µ ¶ ·

¸ º » ¿ À Á Â Ã Ä Å Æ Ç È É Ê Ë Ñ Ö Ü á

à â ä ã å ç é è ê ë í ì î ï ñ ó ò ô ö õ ú ù û ü

ß ™ Ø æ ø ƒ Õ Œ œ ÷

ÿ Ÿ fi fl Í Î Ï Ì Ó Ô Ò Ú Û Ù ı ˆ ˜ ˘ ˙ ˚ ˝ ˛ ˇ

Futura Medium429 Glyphs

GlyphGlyph

Glyph

Myriad ProMinion Pro

Glyph GlyphGlyph

Gill SansPerpetua

Page 17: To serif or not to serif

Extra LightLight

RegularSemibold

BoldBlack

Hypatia Sans Pro

Page 18: To serif or not to serif

AaBbCcDdEeFfGgHhIiOld StyleParis 1600s

Adobe Garamond Pro

AaBbCcDdEeFfGgHhTransitionalEngland 1700s

Baskerville

AaBbCcDdEeFfGgHModernItaly 1700s

Bodoni MT

AaBbCcDdEeFfGgSlab SerifUnited States 1800s

Rockwell

AaBbCcDdEeFfGgHSans SerifSwitzerland 1900s

Helvetica

Page 19: To serif or not to serif

�is story shall the good man teach his son;And Crispin Crispian shall ne’er go by,From this day to the ending of the world,But we in it shall be remembered—We few, we happy few, we band of brothers;For he to-day that sheds his blood with meShall be my brother; be he ne’er so vile,�is day shall gentle his condition;And gentlemen in England now-a-bedShall think themselves accurs’d they were not here,And hold their manhoods cheap whiles any speaks�at fought with us upon Saint Crispin’s day.

Henry V

Rockwell RegularChaparral Pro Regular

Page 20: To serif or not to serif

Michael OPsteegh

Ros

ewoo

d

[email protected]

Cor

bel

@StubbornlyWrite

Mar

ker

Felt