SlideShare una empresa de Scribd logo
1 de 20
History of Typography
(History of Digital Font)
Robin Chin
November 7, 2006
What is “Typography?”
• The art and technique of printing
• The study and “process” of typefaces
– “Study”
•
•
•
•

Legibility or readability of typefaces and their layout
Attractiveness of typefaces and their layout
Functionality and effectiveness of typefaces and their layout
How a typeface/layout combo “enhances” or “honors” content

– “Process”
• Artistic composition of individual type
• Setting and arrangement of type
• Basic elements of “desktop publishing”

– Typeface
• A full set of type made to a particular design (size and style)
• A font
Some Typeface Examples
• Quick brown foxes jump - Times New Roman
• Quick brown foxes jump - Bookman Old Style
• Quick brown foxes jump - Courier New
• Quick brown foxes jump - Trebuchet MS
• Quick brown foxes jump - Comic Sans MS
  - Webdings
Typography and Print
• Typography is defined in relation to print
• History of (Western) printing
– Johannes Gutenberg
•
•
•
•

Europe’s first printer (42-line Bible, 1455)
First designer of typeface
Gothic type: modeled after German script
Goal: To replicate the look of a manuscript Bible

– Aldus Manutius
• Designed “Italic” type (“of Italy”) in the 1490s
• Modeled on handwriting of Venetian clerks
• Compact form allowed for printing of smaller books
Typography and Print
German
Script

Gothic
Type

Manutius’
Italic
Typography and Print:

Creating Type
Basic
letterform for
capital letters
Stone
Engravers’
Style:
As few curves
as possible
Typography and Print:

Creating Type
Geofroy Tory
•
•

•

16th Century French
Designer
Influenced by architecture
and the work of Leonardo
da Vinci
Designed his typeface on
the proportions of the
human body

“Anatomy of a letter” - Some terms eventually associated with the
(Not features of type design
potentialTory, but an example of a full set of typeface)
Typography and Print:

Creating Type
 Design of the typeface
 Creation of physical “type”





The
“form”

Type: (n.) piece of metal in which letter(s) are cast
Gutenberg’s innovation: movable, reusable type
See Robin Chin’s website on “Portability”

From physical type to printed page

{






The composing sticks: words formed, placed into sticks
The galley: sticks placed together, spaced apart
The chase: galley placed inside, wedges add margins
The form: inked, then placed in the printing press
Typography and Print:

Creating Type
Typography and Print:

The Power of Typography
• Theory: “Typography honors content”
• Related theory: typography honors industry and content
• Italics example: designed to fit business innovation

• Modernist theory: Typography as functional with content
• Modernist era: late 19th - early 20th century
• Political potential of (experimental) typography
• Different “rules” of typographic design - to encourage and
discourage certain values in the reading public

– Some political artistic groups of the time
• Futurist writers (Italy) - destruction is beautiful and necessary!
• Imagist poets (England) - the image itself is speech!
• Constructivists (Russia) - modernism is functionality!
Typography and Print:

The Power of Typography
• Typography takes an
• F.T. Marinetti
active Italian poet and founder of Futurism
– role in the content

– From Les mots en
• Visible as well as audibleliberté futuristes, 1919
• “I am
poetic elementstarting a typographic revolution, directed above

all against the idiotic, sick-making conception of the oldfashioned Poetry Book, with its hand-made paper, its
• Helped inspire later
sixteenth century style, decorated with galleons,
Minervas, Apollos,
modernist typographers to great initials …”
• “The book must
use strong contrasts in be the futuristic expression of our
futuristic thought.
type sizes and design, and Better: my revolution is against
among other things
new angles of typewhich is inthe so-called typographic harmony of
the page,
complete opposition to the style
which the page allows.”
Typography and Print:

The Power of Typography
• El Lissitzky

Sans-serif

– Russian constructivist and major artist of “new typography”
– “Topgraphy of Typography,” from the magazine Merz, 1922
• “On the printed page words are seen, not heard.”

Bold, basic colors of Expression - visual, not phonetic.”
• “Economy
• “The new book demands the new writer. Ink-pots and goosequills are dead.”
Use of photography
• “The printed page transcends time and space. The technology)
(new-ish printed
page, the infinity of the book, must be transcended. THE ELECTROLIBRARY.”

– Distinct break from old typography: total discarding of
decorative concepts and a turn to functional design
Typography and Print:

The Power of Typography
• Importance of “new typography” today
– A case where the form of printing adapted to fit the
conditions of modern life
– Declares that “form is not independent, but grows out
of function (purpose), out of the materials used
(organic or technical), and out of how they are used.”*
– Declares that clarity and not beauty is the essence of
typography
– Declares that asymmetry is generally more optically
effective than symmetry
* Jan Tschichold
Typography and Print:

The Power of Typography
• Importance of “new typography” today
– Considered blank space to be as much as a formal
element of typography as black type
– Continued to encourage standardization
– Blurred the line between “high art” and “mass media”
– Blurred the distinction between image and language
– Predicted the future importance of typographic design
to advertising
Typography Today
• Typography in the digital environment
– New process of typeface design
• computer programs vs. hand design and casting

– New possibilities for layout with the screen
• computer programs vs. galleys, etc.

– New elements of expression
• text and images
• sound and animation
• screen brightness and contrast

– New concept of materiality
• pixels vs. ink
• links, buttons, IP addresses
Digital Typography
• Some digitally adopted typefaces
– Times New Roman
• 1932, The Times of London Newspaper

– Bookman Old Style
• 1858, A.C. Phemister in Edinburgh, Scotland

– Courier New
•
•
•
•

1955, Howard Kettler
Designed as a typewriter face
Commissioned by IBM
Design as a monospaced font (hence easy to align as
columns of text) makes it a valuable typeface for coding
Digital Typography
• Some digitally created typefaces
– Trebuchet MS
• 1996, Microsoft typeface designed to be readable at small
sizes and at low resolutions
• Based on humanist sans serif typeface designs of the
1920s and 30s

– Comic Sans MS
• 1994 (developed), released as part of Windows 95 Plus!
Pack
• Based on the generic lettering style of comic strips

  (Webdings)
• 1997, designed in response to web designers’ need for
easy method of incorporating graphics in their pages
Conclusion:
Online Reading Practices
• Lesson from early history of print
– Typographic design is an essential issue in the printing
revolution and print culture

• Lesson from modernist typography
– “Form is not independent, but grows out of function
(purpose), out of the materials used (organic or technical),
and out of how they are used” - i.e. new reading practices

• Lesson from the development of digital fonts
– As the webpage borrows from the printed page, so digital
font has borrowed heavily from printed typefaces
– As the webpage develops further uses distinct from the
page, so grows the need to revisit typography, its history,
and its future
Conclusion:
Online Reading Practices
• Aesthetics and computing courses
– MAS 962: Digital Typography

• Records of digital typographic development
– Microsoft typography research group

• Digital typography programs
– Font-Lab

• Publications on digital typography
– Donald Knuth’s Digital Typography series
Some Printed Sources and
Resources
• Drucker, Johanna. The Visible Word: Experimental
Typography and Modern Art, 1901-1923 (Chicago:
University of Chicago Press, 1994).
• McGann, Jerome. The Visible Language of
Modernism (Princeton: Princeton University Press,
1993).
• Tschichold, Jan. The New Typography: A Handbook
for Modern Designers, trans. Ruari McLean
(Berkeley: University of California Press, 1995).

Más contenido relacionado

La actualidad más candente

Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography FundamentalsSteve Hickey
 
Typography - Graphic Design
Typography - Graphic DesignTypography - Graphic Design
Typography - Graphic DesignAbanoub Hanna
 
Typography Essentials: Part 2
Typography Essentials: Part 2Typography Essentials: Part 2
Typography Essentials: Part 2Jennifer Janviere
 
The History of Graphic Design
The History of Graphic DesignThe History of Graphic Design
The History of Graphic DesignMatt Erickson
 
Typesetting services
Typesetting servicesTypesetting services
Typesetting serviceskimadams123
 
Modern printing technologies
Modern printing technologiesModern printing technologies
Modern printing technologiesMd Ali Hossain
 
Design of Communication
Design of CommunicationDesign of Communication
Design of CommunicationUse All Five
 
The history of typography
The history of typographyThe history of typography
The history of typographyProsv
 
Communication design
Communication designCommunication design
Communication designSchommerMedia
 
Different types of printing techniques
Different types of printing techniquesDifferent types of printing techniques
Different types of printing techniquesShow Flipper
 
Printing Technology - How to Start a Successful Printing Press Business (Offs...
Printing Technology - How to Start a Successful Printing Press Business (Offs...Printing Technology - How to Start a Successful Printing Press Business (Offs...
Printing Technology - How to Start a Successful Printing Press Business (Offs...Ajjay Kumar Gupta
 
1.01 Typography
1.01 Typography1.01 Typography
1.01 TypographyMsGilbert
 
Introduction to Communication Design
Introduction to Communication DesignIntroduction to Communication Design
Introduction to Communication DesignSarun Pinyarat
 

La actualidad más candente (20)

Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography Fundamentals
 
Typography - Graphic Design
Typography - Graphic DesignTypography - Graphic Design
Typography - Graphic Design
 
Offset printing
Offset printingOffset printing
Offset printing
 
The typography
The typographyThe typography
The typography
 
Typography Essentials: Part 2
Typography Essentials: Part 2Typography Essentials: Part 2
Typography Essentials: Part 2
 
How offset printing works
How offset printing worksHow offset printing works
How offset printing works
 
The History of Graphic Design
The History of Graphic DesignThe History of Graphic Design
The History of Graphic Design
 
Typesetting services
Typesetting servicesTypesetting services
Typesetting services
 
Typography
Typography Typography
Typography
 
Modern printing technologies
Modern printing technologiesModern printing technologies
Modern printing technologies
 
Design of Communication
Design of CommunicationDesign of Communication
Design of Communication
 
The history of typography
The history of typographyThe history of typography
The history of typography
 
Typography
TypographyTypography
Typography
 
Intro to Typography
Intro to TypographyIntro to Typography
Intro to Typography
 
Communication design
Communication designCommunication design
Communication design
 
Different types of printing techniques
Different types of printing techniquesDifferent types of printing techniques
Different types of printing techniques
 
5 Reasons Typography is Powerful
5 Reasons Typography is Powerful5 Reasons Typography is Powerful
5 Reasons Typography is Powerful
 
Printing Technology - How to Start a Successful Printing Press Business (Offs...
Printing Technology - How to Start a Successful Printing Press Business (Offs...Printing Technology - How to Start a Successful Printing Press Business (Offs...
Printing Technology - How to Start a Successful Printing Press Business (Offs...
 
1.01 Typography
1.01 Typography1.01 Typography
1.01 Typography
 
Introduction to Communication Design
Introduction to Communication DesignIntroduction to Communication Design
Introduction to Communication Design
 

Destacado

Jan Tschichold sarahi-cervin
Jan Tschichold sarahi-cervinJan Tschichold sarahi-cervin
Jan Tschichold sarahi-cervinMDT09
 
Bro, do you even know fonts?
Bro, do you even know fonts?Bro, do you even know fonts?
Bro, do you even know fonts?learningnight
 
Trend Hunter 2010 Trend Reports Sample
Trend Hunter 2010 Trend Reports SampleTrend Hunter 2010 Trend Reports Sample
Trend Hunter 2010 Trend Reports Sampleveness13
 
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS Vic Addis
 
Categories of fonts
Categories of fontsCategories of fonts
Categories of fontsSally Garza
 
Anatome a Milano. Philippe Apeloig, progettare per la cultura
Anatome a Milano. Philippe Apeloig, progettare per la culturaAnatome a Milano. Philippe Apeloig, progettare per la cultura
Anatome a Milano. Philippe Apeloig, progettare per la culturaGiulietta Carito
 
Herb Lubalin Presentation
Herb Lubalin PresentationHerb Lubalin Presentation
Herb Lubalin Presentationoliviasl
 
Scuola Svizzera di Roma Sofia Giusti Geografia del portogallo
Scuola Svizzera di Roma Sofia Giusti Geografia del portogalloScuola Svizzera di Roma Sofia Giusti Geografia del portogallo
Scuola Svizzera di Roma Sofia Giusti Geografia del portogalloNoemi Colangeli
 
Breve introduzione alla grafica pubblicitaria
Breve introduzione alla grafica pubblicitariaBreve introduzione alla grafica pubblicitaria
Breve introduzione alla grafica pubblicitariaSimone Terenziani
 
Bauhaus e l'architettura razionalista
Bauhaus e l'architettura razionalistaBauhaus e l'architettura razionalista
Bauhaus e l'architettura razionalistaValentina Meli
 
Modernist Typography and the Swiss grid - Carlo Giannasca
Modernist Typography and the Swiss grid - Carlo GiannascaModernist Typography and the Swiss grid - Carlo Giannasca
Modernist Typography and the Swiss grid - Carlo GiannascaFrostSydney
 
Θεσσαλονίκη
ΘεσσαλονίκηΘεσσαλονίκη
Θεσσαλονίκηhrisgiou
 
Το αλφαβητάρι της Θεσσαλονίκης
Το αλφαβητάρι της ΘεσσαλονίκηςΤο αλφαβητάρι της Θεσσαλονίκης
Το αλφαβητάρι της Θεσσαλονίκηςhrisgiou
 

Destacado (20)

Jan Tschichold sarahi-cervin
Jan Tschichold sarahi-cervinJan Tschichold sarahi-cervin
Jan Tschichold sarahi-cervin
 
Bro, do you even know fonts?
Bro, do you even know fonts?Bro, do you even know fonts?
Bro, do you even know fonts?
 
Typography3 bh
Typography3 bhTypography3 bh
Typography3 bh
 
Trend Hunter 2010 Trend Reports Sample
Trend Hunter 2010 Trend Reports SampleTrend Hunter 2010 Trend Reports Sample
Trend Hunter 2010 Trend Reports Sample
 
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS
 
Font Basics - a small introduction
Font Basics - a small introductionFont Basics - a small introduction
Font Basics - a small introduction
 
Categories of fonts
Categories of fontsCategories of fonts
Categories of fonts
 
Anatome a Milano. Philippe Apeloig, progettare per la cultura
Anatome a Milano. Philippe Apeloig, progettare per la culturaAnatome a Milano. Philippe Apeloig, progettare per la cultura
Anatome a Milano. Philippe Apeloig, progettare per la cultura
 
Type
TypeType
Type
 
Herb Lubalin Presentation
Herb Lubalin PresentationHerb Lubalin Presentation
Herb Lubalin Presentation
 
δέκα εντολές
δέκα εντολέςδέκα εντολές
δέκα εντολές
 
Typography
TypographyTypography
Typography
 
word excel pp
word excel ppword excel pp
word excel pp
 
Scuola Svizzera di Roma Sofia Giusti Geografia del portogallo
Scuola Svizzera di Roma Sofia Giusti Geografia del portogalloScuola Svizzera di Roma Sofia Giusti Geografia del portogallo
Scuola Svizzera di Roma Sofia Giusti Geografia del portogallo
 
Breve introduzione alla grafica pubblicitaria
Breve introduzione alla grafica pubblicitariaBreve introduzione alla grafica pubblicitaria
Breve introduzione alla grafica pubblicitaria
 
6. MOVIMENTO MODERNO E RAZIONALISMO - teoria
6. MOVIMENTO MODERNO E RAZIONALISMO - teoria6. MOVIMENTO MODERNO E RAZIONALISMO - teoria
6. MOVIMENTO MODERNO E RAZIONALISMO - teoria
 
Bauhaus e l'architettura razionalista
Bauhaus e l'architettura razionalistaBauhaus e l'architettura razionalista
Bauhaus e l'architettura razionalista
 
Modernist Typography and the Swiss grid - Carlo Giannasca
Modernist Typography and the Swiss grid - Carlo GiannascaModernist Typography and the Swiss grid - Carlo Giannasca
Modernist Typography and the Swiss grid - Carlo Giannasca
 
Θεσσαλονίκη
ΘεσσαλονίκηΘεσσαλονίκη
Θεσσαλονίκη
 
Το αλφαβητάρι της Θεσσαλονίκης
Το αλφαβητάρι της ΘεσσαλονίκηςΤο αλφαβητάρι της Θεσσαλονίκης
Το αλφαβητάρι της Θεσσαλονίκης
 

Similar a Typography

C.o.p proposal for publiction
C.o.p proposal for publictionC.o.p proposal for publiction
C.o.p proposal for publictionCrystalbeth
 
Print Media, Types of Print media, history and Importance
Print Media, Types of Print media, history and ImportancePrint Media, Types of Print media, history and Importance
Print Media, Types of Print media, history and Importancerabeebhatti1
 
Deconstrution: from Theory to Visual Representation.
Deconstrution: from Theory to Visual Representation. Deconstrution: from Theory to Visual Representation.
Deconstrution: from Theory to Visual Representation. Mal Nox
 
Comm via printed media 06
Comm via printed media 06Comm via printed media 06
Comm via printed media 06HasanErkaya1
 
Samantha Maxwell Senior Project Research Paper
Samantha Maxwell Senior Project Research PaperSamantha Maxwell Senior Project Research Paper
Samantha Maxwell Senior Project Research Papersamanthamaxwell532
 
History Of Graphic Design
History Of Graphic DesignHistory Of Graphic Design
History Of Graphic DesignAnetwork
 
Historical Parallels in Usability
Historical Parallels in UsabilityHistorical Parallels in Usability
Historical Parallels in UsabilityBen Woods
 
HISTORY OF PRINT MEDIA
HISTORY OF PRINT MEDIAHISTORY OF PRINT MEDIA
HISTORY OF PRINT MEDIASunesh Parayil
 
Art of Typography
Art of TypographyArt of Typography
Art of TypographyNazmi Nazim
 
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...ARLENEPARALEJAS3
 
Art100 sp17 class14.1_riseofcommercialculture
Art100 sp17 class14.1_riseofcommercialcultureArt100 sp17 class14.1_riseofcommercialculture
Art100 sp17 class14.1_riseofcommercialcultureJennifer Burns
 
"Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1...
"Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1..."Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1...
"Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1...nickmimic
 
Put On Your Typeface by Chris Tyre
Put On Your Typeface by Chris TyrePut On Your Typeface by Chris Tyre
Put On Your Typeface by Chris TyreChris Tyre
 

Similar a Typography (20)

C.o.p proposal for publiction
C.o.p proposal for publictionC.o.p proposal for publiction
C.o.p proposal for publiction
 
Print Media, Types of Print media, history and Importance
Print Media, Types of Print media, history and ImportancePrint Media, Types of Print media, history and Importance
Print Media, Types of Print media, history and Importance
 
Early printed book
Early printed bookEarly printed book
Early printed book
 
Publication Design Chapter 01
Publication Design Chapter 01Publication Design Chapter 01
Publication Design Chapter 01
 
Deconstrution: from Theory to Visual Representation.
Deconstrution: from Theory to Visual Representation. Deconstrution: from Theory to Visual Representation.
Deconstrution: from Theory to Visual Representation.
 
Typography
TypographyTypography
Typography
 
Comm via printed media 06
Comm via printed media 06Comm via printed media 06
Comm via printed media 06
 
Samantha Maxwell Senior Project Research Paper
Samantha Maxwell Senior Project Research PaperSamantha Maxwell Senior Project Research Paper
Samantha Maxwell Senior Project Research Paper
 
Graphic design 2
Graphic design 2Graphic design 2
Graphic design 2
 
History Of Graphic Design
History Of Graphic DesignHistory Of Graphic Design
History Of Graphic Design
 
Historical Parallels in Usability
Historical Parallels in UsabilityHistorical Parallels in Usability
Historical Parallels in Usability
 
HISTORY OF PRINT MEDIA
HISTORY OF PRINT MEDIAHISTORY OF PRINT MEDIA
HISTORY OF PRINT MEDIA
 
Art of Typography
Art of TypographyArt of Typography
Art of Typography
 
Publication design
Publication designPublication design
Publication design
 
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...
Timothy Samara-Type Style Finder_ The Busy Designer's Guide to Type-Rockport ...
 
Art100 sp17 class14.1_riseofcommercialculture
Art100 sp17 class14.1_riseofcommercialcultureArt100 sp17 class14.1_riseofcommercialculture
Art100 sp17 class14.1_riseofcommercialculture
 
Task 1
Task 1Task 1
Task 1
 
"Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1...
"Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1..."Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1...
"Voyages of Type: Rethinking Some Aspects of the Transatlantic Print Sphere 1...
 
Put On Your Typeface by Chris Tyre
Put On Your Typeface by Chris TyrePut On Your Typeface by Chris Tyre
Put On Your Typeface by Chris Tyre
 
History of Graphic Design
History of Graphic DesignHistory of Graphic Design
History of Graphic Design
 

Último

Dr. Admir Softic_ presentation_Green Club_ENG.pdf
Dr. Admir Softic_ presentation_Green Club_ENG.pdfDr. Admir Softic_ presentation_Green Club_ENG.pdf
Dr. Admir Softic_ presentation_Green Club_ENG.pdfAdmir Softic
 
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...Aggregage
 
Falcon Invoice Discounting: The best investment platform in india for investors
Falcon Invoice Discounting: The best investment platform in india for investorsFalcon Invoice Discounting: The best investment platform in india for investors
Falcon Invoice Discounting: The best investment platform in india for investorsFalcon Invoice Discounting
 
Call Girls In Nangloi Rly Metro ꧂…….95996 … 13876 Enjoy ꧂Escort
Call Girls In Nangloi Rly Metro ꧂…….95996 … 13876 Enjoy ꧂EscortCall Girls In Nangloi Rly Metro ꧂…….95996 … 13876 Enjoy ꧂Escort
Call Girls In Nangloi Rly Metro ꧂…….95996 … 13876 Enjoy ꧂Escortdlhescort
 
Marel Q1 2024 Investor Presentation from May 8, 2024
Marel Q1 2024 Investor Presentation from May 8, 2024Marel Q1 2024 Investor Presentation from May 8, 2024
Marel Q1 2024 Investor Presentation from May 8, 2024Marel
 
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service AvailableCall Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service AvailableSeo
 
SEO Case Study: How I Increased SEO Traffic & Ranking by 50-60% in 6 Months
SEO Case Study: How I Increased SEO Traffic & Ranking by 50-60%  in 6 MonthsSEO Case Study: How I Increased SEO Traffic & Ranking by 50-60%  in 6 Months
SEO Case Study: How I Increased SEO Traffic & Ranking by 50-60% in 6 MonthsIndeedSEO
 
Russian Call Girls In Rajiv Chowk Gurgaon ❤️8448577510 ⊹Best Escorts Service ...
Russian Call Girls In Rajiv Chowk Gurgaon ❤️8448577510 ⊹Best Escorts Service ...Russian Call Girls In Rajiv Chowk Gurgaon ❤️8448577510 ⊹Best Escorts Service ...
Russian Call Girls In Rajiv Chowk Gurgaon ❤️8448577510 ⊹Best Escorts Service ...lizamodels9
 
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...Falcon Invoice Discounting
 
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...rajveerescorts2022
 
Phases of Negotiation .pptx
 Phases of Negotiation .pptx Phases of Negotiation .pptx
Phases of Negotiation .pptxnandhinijagan9867
 
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al MizharAl Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizharallensay1
 
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...lizamodels9
 
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876dlhescort
 
Eluru Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort Service
Eluru Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort ServiceEluru Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort Service
Eluru Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort ServiceDamini Dixit
 
Nelamangala Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Nelamangala Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Nelamangala Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Nelamangala Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...amitlee9823
 
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai KuwaitThe Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwaitdaisycvs
 
Call Girls From Raj Nagar Extension Ghaziabad❤️8448577510 ⊹Best Escorts Servi...
Call Girls From Raj Nagar Extension Ghaziabad❤️8448577510 ⊹Best Escorts Servi...Call Girls From Raj Nagar Extension Ghaziabad❤️8448577510 ⊹Best Escorts Servi...
Call Girls From Raj Nagar Extension Ghaziabad❤️8448577510 ⊹Best Escorts Servi...lizamodels9
 

Último (20)

(Anamika) VIP Call Girls Napur Call Now 8617697112 Napur Escorts 24x7
(Anamika) VIP Call Girls Napur Call Now 8617697112 Napur Escorts 24x7(Anamika) VIP Call Girls Napur Call Now 8617697112 Napur Escorts 24x7
(Anamika) VIP Call Girls Napur Call Now 8617697112 Napur Escorts 24x7
 
Dr. Admir Softic_ presentation_Green Club_ENG.pdf
Dr. Admir Softic_ presentation_Green Club_ENG.pdfDr. Admir Softic_ presentation_Green Club_ENG.pdf
Dr. Admir Softic_ presentation_Green Club_ENG.pdf
 
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
The Path to Product Excellence: Avoiding Common Pitfalls and Enhancing Commun...
 
Falcon Invoice Discounting: The best investment platform in india for investors
Falcon Invoice Discounting: The best investment platform in india for investorsFalcon Invoice Discounting: The best investment platform in india for investors
Falcon Invoice Discounting: The best investment platform in india for investors
 
Call Girls In Nangloi Rly Metro ꧂…….95996 … 13876 Enjoy ꧂Escort
Call Girls In Nangloi Rly Metro ꧂…….95996 … 13876 Enjoy ꧂EscortCall Girls In Nangloi Rly Metro ꧂…….95996 … 13876 Enjoy ꧂Escort
Call Girls In Nangloi Rly Metro ꧂…….95996 … 13876 Enjoy ꧂Escort
 
Marel Q1 2024 Investor Presentation from May 8, 2024
Marel Q1 2024 Investor Presentation from May 8, 2024Marel Q1 2024 Investor Presentation from May 8, 2024
Marel Q1 2024 Investor Presentation from May 8, 2024
 
unwanted pregnancy Kit [+918133066128] Abortion Pills IN Dubai UAE Abudhabi
unwanted pregnancy Kit [+918133066128] Abortion Pills IN Dubai UAE Abudhabiunwanted pregnancy Kit [+918133066128] Abortion Pills IN Dubai UAE Abudhabi
unwanted pregnancy Kit [+918133066128] Abortion Pills IN Dubai UAE Abudhabi
 
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service AvailableCall Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
Call Girls Ludhiana Just Call 98765-12871 Top Class Call Girl Service Available
 
SEO Case Study: How I Increased SEO Traffic & Ranking by 50-60% in 6 Months
SEO Case Study: How I Increased SEO Traffic & Ranking by 50-60%  in 6 MonthsSEO Case Study: How I Increased SEO Traffic & Ranking by 50-60%  in 6 Months
SEO Case Study: How I Increased SEO Traffic & Ranking by 50-60% in 6 Months
 
Russian Call Girls In Rajiv Chowk Gurgaon ❤️8448577510 ⊹Best Escorts Service ...
Russian Call Girls In Rajiv Chowk Gurgaon ❤️8448577510 ⊹Best Escorts Service ...Russian Call Girls In Rajiv Chowk Gurgaon ❤️8448577510 ⊹Best Escorts Service ...
Russian Call Girls In Rajiv Chowk Gurgaon ❤️8448577510 ⊹Best Escorts Service ...
 
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
Unveiling Falcon Invoice Discounting: Leading the Way as India's Premier Bill...
 
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
👉Chandigarh Call Girls 👉9878799926👉Just Call👉Chandigarh Call Girl In Chandiga...
 
Phases of Negotiation .pptx
 Phases of Negotiation .pptx Phases of Negotiation .pptx
Phases of Negotiation .pptx
 
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al MizharAl Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
Al Mizhar Dubai Escorts +971561403006 Escorts Service In Al Mizhar
 
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
Call Girls From Pari Chowk Greater Noida ❤️8448577510 ⊹Best Escorts Service I...
 
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
Call Girls in Delhi, Escort Service Available 24x7 in Delhi 959961-/-3876
 
Eluru Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort Service
Eluru Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort ServiceEluru Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort Service
Eluru Call Girls Service ☎ ️93326-06886 ❤️‍🔥 Enjoy 24/7 Escort Service
 
Nelamangala Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Nelamangala Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Nelamangala Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Nelamangala Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai KuwaitThe Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
The Abortion pills for sale in Qatar@Doha [+27737758557] []Deira Dubai Kuwait
 
Call Girls From Raj Nagar Extension Ghaziabad❤️8448577510 ⊹Best Escorts Servi...
Call Girls From Raj Nagar Extension Ghaziabad❤️8448577510 ⊹Best Escorts Servi...Call Girls From Raj Nagar Extension Ghaziabad❤️8448577510 ⊹Best Escorts Servi...
Call Girls From Raj Nagar Extension Ghaziabad❤️8448577510 ⊹Best Escorts Servi...
 

Typography

  • 1. History of Typography (History of Digital Font) Robin Chin November 7, 2006
  • 2. What is “Typography?” • The art and technique of printing • The study and “process” of typefaces – “Study” • • • • Legibility or readability of typefaces and their layout Attractiveness of typefaces and their layout Functionality and effectiveness of typefaces and their layout How a typeface/layout combo “enhances” or “honors” content – “Process” • Artistic composition of individual type • Setting and arrangement of type • Basic elements of “desktop publishing” – Typeface • A full set of type made to a particular design (size and style) • A font
  • 3. Some Typeface Examples • Quick brown foxes jump - Times New Roman • Quick brown foxes jump - Bookman Old Style • Quick brown foxes jump - Courier New • Quick brown foxes jump - Trebuchet MS • Quick brown foxes jump - Comic Sans MS   - Webdings
  • 4. Typography and Print • Typography is defined in relation to print • History of (Western) printing – Johannes Gutenberg • • • • Europe’s first printer (42-line Bible, 1455) First designer of typeface Gothic type: modeled after German script Goal: To replicate the look of a manuscript Bible – Aldus Manutius • Designed “Italic” type (“of Italy”) in the 1490s • Modeled on handwriting of Venetian clerks • Compact form allowed for printing of smaller books
  • 6. Typography and Print: Creating Type Basic letterform for capital letters Stone Engravers’ Style: As few curves as possible
  • 7. Typography and Print: Creating Type Geofroy Tory • • • 16th Century French Designer Influenced by architecture and the work of Leonardo da Vinci Designed his typeface on the proportions of the human body “Anatomy of a letter” - Some terms eventually associated with the (Not features of type design potentialTory, but an example of a full set of typeface)
  • 8. Typography and Print: Creating Type  Design of the typeface  Creation of physical “type”     The “form” Type: (n.) piece of metal in which letter(s) are cast Gutenberg’s innovation: movable, reusable type See Robin Chin’s website on “Portability” From physical type to printed page {     The composing sticks: words formed, placed into sticks The galley: sticks placed together, spaced apart The chase: galley placed inside, wedges add margins The form: inked, then placed in the printing press
  • 10. Typography and Print: The Power of Typography • Theory: “Typography honors content” • Related theory: typography honors industry and content • Italics example: designed to fit business innovation • Modernist theory: Typography as functional with content • Modernist era: late 19th - early 20th century • Political potential of (experimental) typography • Different “rules” of typographic design - to encourage and discourage certain values in the reading public – Some political artistic groups of the time • Futurist writers (Italy) - destruction is beautiful and necessary! • Imagist poets (England) - the image itself is speech! • Constructivists (Russia) - modernism is functionality!
  • 11. Typography and Print: The Power of Typography • Typography takes an • F.T. Marinetti active Italian poet and founder of Futurism – role in the content – From Les mots en • Visible as well as audibleliberté futuristes, 1919 • “I am poetic elementstarting a typographic revolution, directed above all against the idiotic, sick-making conception of the oldfashioned Poetry Book, with its hand-made paper, its • Helped inspire later sixteenth century style, decorated with galleons, Minervas, Apollos, modernist typographers to great initials …” • “The book must use strong contrasts in be the futuristic expression of our futuristic thought. type sizes and design, and Better: my revolution is against among other things new angles of typewhich is inthe so-called typographic harmony of the page, complete opposition to the style which the page allows.”
  • 12. Typography and Print: The Power of Typography • El Lissitzky Sans-serif – Russian constructivist and major artist of “new typography” – “Topgraphy of Typography,” from the magazine Merz, 1922 • “On the printed page words are seen, not heard.” Bold, basic colors of Expression - visual, not phonetic.” • “Economy • “The new book demands the new writer. Ink-pots and goosequills are dead.” Use of photography • “The printed page transcends time and space. The technology) (new-ish printed page, the infinity of the book, must be transcended. THE ELECTROLIBRARY.” – Distinct break from old typography: total discarding of decorative concepts and a turn to functional design
  • 13. Typography and Print: The Power of Typography • Importance of “new typography” today – A case where the form of printing adapted to fit the conditions of modern life – Declares that “form is not independent, but grows out of function (purpose), out of the materials used (organic or technical), and out of how they are used.”* – Declares that clarity and not beauty is the essence of typography – Declares that asymmetry is generally more optically effective than symmetry * Jan Tschichold
  • 14. Typography and Print: The Power of Typography • Importance of “new typography” today – Considered blank space to be as much as a formal element of typography as black type – Continued to encourage standardization – Blurred the line between “high art” and “mass media” – Blurred the distinction between image and language – Predicted the future importance of typographic design to advertising
  • 15. Typography Today • Typography in the digital environment – New process of typeface design • computer programs vs. hand design and casting – New possibilities for layout with the screen • computer programs vs. galleys, etc. – New elements of expression • text and images • sound and animation • screen brightness and contrast – New concept of materiality • pixels vs. ink • links, buttons, IP addresses
  • 16. Digital Typography • Some digitally adopted typefaces – Times New Roman • 1932, The Times of London Newspaper – Bookman Old Style • 1858, A.C. Phemister in Edinburgh, Scotland – Courier New • • • • 1955, Howard Kettler Designed as a typewriter face Commissioned by IBM Design as a monospaced font (hence easy to align as columns of text) makes it a valuable typeface for coding
  • 17. Digital Typography • Some digitally created typefaces – Trebuchet MS • 1996, Microsoft typeface designed to be readable at small sizes and at low resolutions • Based on humanist sans serif typeface designs of the 1920s and 30s – Comic Sans MS • 1994 (developed), released as part of Windows 95 Plus! Pack • Based on the generic lettering style of comic strips   (Webdings) • 1997, designed in response to web designers’ need for easy method of incorporating graphics in their pages
  • 18. Conclusion: Online Reading Practices • Lesson from early history of print – Typographic design is an essential issue in the printing revolution and print culture • Lesson from modernist typography – “Form is not independent, but grows out of function (purpose), out of the materials used (organic or technical), and out of how they are used” - i.e. new reading practices • Lesson from the development of digital fonts – As the webpage borrows from the printed page, so digital font has borrowed heavily from printed typefaces – As the webpage develops further uses distinct from the page, so grows the need to revisit typography, its history, and its future
  • 19. Conclusion: Online Reading Practices • Aesthetics and computing courses – MAS 962: Digital Typography • Records of digital typographic development – Microsoft typography research group • Digital typography programs – Font-Lab • Publications on digital typography – Donald Knuth’s Digital Typography series
  • 20. Some Printed Sources and Resources • Drucker, Johanna. The Visible Word: Experimental Typography and Modern Art, 1901-1923 (Chicago: University of Chicago Press, 1994). • McGann, Jerome. The Visible Language of Modernism (Princeton: Princeton University Press, 1993). • Tschichold, Jan. The New Typography: A Handbook for Modern Designers, trans. Ruari McLean (Berkeley: University of California Press, 1995).