120 likes | 549 Views
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
E N D
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/webmonkey/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