Web Typography: An Overview

Post on 06-May-2015

648 views 3 download

description

Brad Blackman's PodCamp Nashville 2010 presentation on web typography

Transcript of Web Typography: An Overview

web typographyA N O V E R V I E W

i’m brad blackman.I’m an artist, graphic designer, husband, dad, and typophile.

hello.

typo-what?

designers ♥ type

core web fontsAndale Mono

Arial

Arial Black

Comic Sans MS

Courier New

Georgia

ImpactTimes New Roman

Trebuchet MS

Verdana

Lucida Grande & Lucida SansBaskervillePalatinoHelvetica

viva la revolution!?The revolution will be uninspired.

The revolution will be inappropriate.

The revolution will be acceptable.

The revolution will be unsexy.The revolution will be unremarkable.

The revolution will be low resolution.

(Adapted from http://www.aiga.org)

Different!Different!dIfferent!

Different!

some options

I M A G E R E P L A C E M E N T

E M B E D D I N G

sIFR

Cufón

FLIR

PIR

L I N K I N G

@font-face

@font-face { font-family: “Fontin Sans”; src: url(“http://server1.com/FontinSansR.otf”); } <!--[if IE]> @font-face { font-family: “Fontin Sans”; src: url(“http://server2.com/FontinSansR.eot”); } <![endif]-- >

licensing

K E R N E S T

all this to say…

thanks!T W I T T E R :

@bradblackman | @chrome47

resources/bibliographysxswtypography.com

typekit.com

fontshop.com/blog/?cat=80

kernest.com

fontsquirrel.com

ilovetypography.com

typophile.com

http://blog.themeforest.net/general/ font-licensing-for-the-web/