This document provides an overview of web typography. It introduces the topic and the author Brad Blackman. It discusses core web fonts, options for embedding fonts like @font-face, and licensing issues. The document encourages experimentation with typography and provides additional resources on the topic.

1. web typography
AN OVERVIEW

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

3. typo-what?

4. designers ♥ type

5. core web fonts
Andale Mono Georgia
Arial Impact
Arial Black Times New Roman
Comic Sans MS Trebuchet MS
Courier New Verdana
Lucida Grande & Lucida Sans
Baskerville
Palatino
Helvetica

6. 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)

7. Different!
Different!
dIfferent!
Different!

8. some options

9. IMAGE REPLACEMENT

10. EMBEDDING
sIFR
Cufón
FLIR
PIR

11. LINKING

12. @font-face

13. @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]-->

14. licensing

16. KERNEST

25. all this to say…

26. thanks!
TWIT TER:
@bradblackman | @chrome47

27. resources/bibliography
sxswtypography.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/