Typography
Introduction
What is Typography?
The designated setting of type for printing
purposes
 The art of arrangement, style, appearance
and printing of type and typefaces
 The art and technique of selecting and
arranging type styles, point sizes, line
lengths, line spacing, character spacing,
and word spacing for typeset applications
 The practice of visually representing words

Typographers/Designers


Adrian Frutiger
Frederic Goudy, un maître de la typographie américaine
 Frederic Goudy Pictures Gallery
 Font Bureau
 Gérard Blanchard
 Jean-François Porchez
 Jean-François Porchez par Adobe
 Ladislas Mandel
 Neville Brody by FontFont
 Paul Baker typography
 The many faces of Zapf
 Typographie online
Specialized Sites











Apple Fonts
Arabic typography
Counterspace
Fontophile
Graphic Obsession
Nicholas Fabian Homepage
La Tipografía
La typographie selon
Invalid.net
Les lettres françaises
No Font
Página para a Indústria
Gráfica












Tipógraphos
Tipografía actual en España
Truetype typography
Typebox
Typo
Typographica
Typografie
Typo.Gras.Free
TYPOlis
Typotek
Unos tipos duros
Will Harris Font House
TrueType

Digital font technology designed by Apple
Computer
 Used by both Apple & Microsoft operating
systems
 TrueType fonts
Typography for Web Design
http://www.wpdfd.com/wpdtypo.htm
 Web Style Guide

Challenges for Web Typography
Has to work across different computer
platforms and screen sizes
 The Web designer must understand
issues and to address them
 Maintain some kind of control
 Line length and number of lines
 Font sizes

Quick Walkthrough
http://webmonkey.wired.com/webmonke
y/design/fonts/tutorials/tutorial3.html
 Typography is the practice of visually
representing words.
 Typography affects meaning


The subtler sense of the style, size, and
so on affects the message
Harrington
 Broadway


Legibility
Number of words and letters per line
 Spacing, size, shape


Associations – past experience


New York Times
Kid Type


Letters as pictures

Categories

Slab-serif (Egyptian): Unbracketed slab serifs,
even strokes


Transitional: Higher contrast than old-style,
more vertical, finer serifs


Sans-serif: Lack of serifs (surprise!), generally
uniform strokes, usually vertical, & geometric

Find Browser Fonts
In IE: Tools  Internet Options 
Fonts …(At the bottom of the General Tab)
 In FireFox: Tools  Options 
Fonts & Colors
