to serif or not to serif

20
MICHAEL OPSTEEGH LIGHTNING TALK 6 MAY 2013

Upload: michael-opsteegh

Post on 27-Jan-2015

121 views

Category:

Design


1 download

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

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