SlideShare a Scribd company logo
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).

More Related Content

What's hot

Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography Fundamentals
Steve Hickey
 
History of Graphic Design
History of Graphic DesignHistory of Graphic Design
History of Graphic Design
Chris Edwards
 
It's all about typography
It's all about typographyIt's all about typography
It's all about typography
Interactive Communications
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
sbernalmarcial
 
Typography
TypographyTypography
Typography
Sai Kiran Reddy
 
Typography
TypographyTypography
Typography
Derek Miller
 
Typography - Graphic Design
Typography - Graphic DesignTypography - Graphic Design
Typography - Graphic DesignAbanoub Hanna
 
1.01 Typography
1.01 Typography1.01 Typography
1.01 Typography
MsGilbert
 
How to design - Graphic design theory
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theory
Abanoub Hanna
 
The Power of Typography
The Power of TypographyThe Power of Typography
The Power of Typography
[x]cube LABS
 
Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designers
shira73
 
THE GRAPHIC DESIGN PROCESS.pptx
THE GRAPHIC DESIGN PROCESS.pptxTHE GRAPHIC DESIGN PROCESS.pptx
THE GRAPHIC DESIGN PROCESS.pptx
Bernard Richardson
 
Graphic design composition
Graphic design compositionGraphic design composition
Graphic design composition
suniltalekar1
 
Camera shots
Camera shotsCamera shots
Camera shots
Pradeep Kumar Gupta
 
Typography 101: The Basics
Typography 101: The BasicsTypography 101: The Basics
Typography 101: The Basics
Mainstreethost
 
Logo Design basics
Logo Design basicsLogo Design basics
Logo Design basicsGreg Sarles
 
Typography
TypographyTypography
Typography
Corinne Weisgerber
 
Typesetting services
Typesetting servicesTypesetting services
Typesetting services
kimadams123
 
What is Graphic Design?
What is Graphic Design?What is Graphic Design?
What is Graphic Design?
Jennifer Janviere
 

What's hot (20)

Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography Fundamentals
 
History of Graphic Design
History of Graphic DesignHistory of Graphic Design
History of Graphic Design
 
It's all about typography
It's all about typographyIt's all about typography
It's all about typography
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
Typography
TypographyTypography
Typography
 
Typography
TypographyTypography
Typography
 
Typography - Graphic Design
Typography - Graphic DesignTypography - Graphic Design
Typography - Graphic Design
 
1.01 Typography
1.01 Typography1.01 Typography
1.01 Typography
 
How to design - Graphic design theory
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theory
 
The Power of Typography
The Power of TypographyThe Power of Typography
The Power of Typography
 
Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designers
 
THE GRAPHIC DESIGN PROCESS.pptx
THE GRAPHIC DESIGN PROCESS.pptxTHE GRAPHIC DESIGN PROCESS.pptx
THE GRAPHIC DESIGN PROCESS.pptx
 
Graphic design composition
Graphic design compositionGraphic design composition
Graphic design composition
 
Camera shots
Camera shotsCamera shots
Camera shots
 
Intro to Typography
Intro to TypographyIntro to Typography
Intro to Typography
 
Typography 101: The Basics
Typography 101: The BasicsTypography 101: The Basics
Typography 101: The Basics
 
Logo Design basics
Logo Design basicsLogo Design basics
Logo Design basics
 
Typography
TypographyTypography
Typography
 
Typesetting services
Typesetting servicesTypesetting services
Typesetting services
 
What is Graphic Design?
What is Graphic Design?What is Graphic Design?
What is Graphic Design?
 

Viewers also liked

Jan Tschichold sarahi-cervin
Jan Tschichold sarahi-cervinJan Tschichold sarahi-cervin
Jan Tschichold sarahi-cervin
MDT09
 
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 Sample
veness13
 
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
 
Font Basics - a small introduction
Font Basics - a small introductionFont Basics - a small introduction
Font Basics - a small introduction
My.Aegean.gr team | University of the Aegean
 
Categories of fonts
Categories of fontsCategories of fonts
Categories of fonts
Sally 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
 
Type
TypeType
Herb Lubalin Presentation
Herb Lubalin PresentationHerb Lubalin Presentation
Herb Lubalin Presentation
oliviasl
 
Typography
TypographyTypography
Typography
Alexander Tsayun
 
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
Noemi 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 Giannasca
FrostSydney
 
5 Reasons Typography is Powerful
5 Reasons Typography is Powerful5 Reasons Typography is Powerful
5 Reasons Typography is Powerful
Big Fish Presentations
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
Jennifer Janviere
 

Viewers also liked (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
 
5 Reasons Typography is Powerful
5 Reasons Typography is Powerful5 Reasons Typography is Powerful
5 Reasons Typography is Powerful
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
 

Similar to 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 Importance
rabeebhatti1
 
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 06
HasanErkaya1
 
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 Design
Anetwork
 
Historical Parallels in Usability
Historical Parallels in UsabilityHistorical Parallels in Usability
Historical Parallels in Usability
Ben Woods
 
HISTORY OF PRINT MEDIA
HISTORY OF PRINT MEDIAHISTORY OF PRINT MEDIA
HISTORY OF PRINT MEDIA
Sunesh Parayil
 
Art of Typography
Art of TypographyArt of Typography
Art of Typography
Nazmi Nazim
 
Publication design
Publication designPublication design
Publication design
monisha pattnaik
 
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_riseofcommercialculture
Jennifer Burns
 
Task 1
Task 1Task 1
Task 1
veeras1997
 
"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
 
History of Graphic Design
History of Graphic DesignHistory of Graphic Design
History of Graphic Design
Angela Michanitzi
 

Similar to 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
 

Recently uploaded

Project File Report BBA 6th semester.pdf
Project File Report BBA 6th semester.pdfProject File Report BBA 6th semester.pdf
Project File Report BBA 6th semester.pdf
RajPriye
 
Building Your Employer Brand with Social Media
Building Your Employer Brand with Social MediaBuilding Your Employer Brand with Social Media
Building Your Employer Brand with Social Media
LuanWise
 
ikea_woodgreen_petscharity_dog-alogue_digital.pdf
ikea_woodgreen_petscharity_dog-alogue_digital.pdfikea_woodgreen_petscharity_dog-alogue_digital.pdf
ikea_woodgreen_petscharity_dog-alogue_digital.pdf
agatadrynko
 
Recruiting in the Digital Age: A Social Media Masterclass
Recruiting in the Digital Age: A Social Media MasterclassRecruiting in the Digital Age: A Social Media Masterclass
Recruiting in the Digital Age: A Social Media Masterclass
LuanWise
 
Kseniya Leshchenko: Shared development support service model as the way to ma...
Kseniya Leshchenko: Shared development support service model as the way to ma...Kseniya Leshchenko: Shared development support service model as the way to ma...
Kseniya Leshchenko: Shared development support service model as the way to ma...
Lviv Startup Club
 
Meas_Dylan_DMBS_PB1_2024-05XX_Revised.pdf
Meas_Dylan_DMBS_PB1_2024-05XX_Revised.pdfMeas_Dylan_DMBS_PB1_2024-05XX_Revised.pdf
Meas_Dylan_DMBS_PB1_2024-05XX_Revised.pdf
dylandmeas
 
FINAL PRESENTATION.pptx12143241324134134
FINAL PRESENTATION.pptx12143241324134134FINAL PRESENTATION.pptx12143241324134134
FINAL PRESENTATION.pptx12143241324134134
LR1709MUSIC
 
Search Disrupted Google’s Leaked Documents Rock the SEO World.pdf
Search Disrupted Google’s Leaked Documents Rock the SEO World.pdfSearch Disrupted Google’s Leaked Documents Rock the SEO World.pdf
Search Disrupted Google’s Leaked Documents Rock the SEO World.pdf
Arihant Webtech Pvt. Ltd
 
The effects of customers service quality and online reviews on customer loyal...
The effects of customers service quality and online reviews on customer loyal...The effects of customers service quality and online reviews on customer loyal...
The effects of customers service quality and online reviews on customer loyal...
balatucanapplelovely
 
Premium MEAN Stack Development Solutions for Modern Businesses
Premium MEAN Stack Development Solutions for Modern BusinessesPremium MEAN Stack Development Solutions for Modern Businesses
Premium MEAN Stack Development Solutions for Modern Businesses
SynapseIndia
 
An introduction to the cryptocurrency investment platform Binance Savings.
An introduction to the cryptocurrency investment platform Binance Savings.An introduction to the cryptocurrency investment platform Binance Savings.
An introduction to the cryptocurrency investment platform Binance Savings.
Any kyc Account
 
ikea_woodgreen_petscharity_cat-alogue_digital.pdf
ikea_woodgreen_petscharity_cat-alogue_digital.pdfikea_woodgreen_petscharity_cat-alogue_digital.pdf
ikea_woodgreen_petscharity_cat-alogue_digital.pdf
agatadrynko
 
The Influence of Marketing Strategy and Market Competition on Business Perfor...
The Influence of Marketing Strategy and Market Competition on Business Perfor...The Influence of Marketing Strategy and Market Competition on Business Perfor...
The Influence of Marketing Strategy and Market Competition on Business Perfor...
Adam Smith
 
Authentically Social Presented by Corey Perlman
Authentically Social Presented by Corey PerlmanAuthentically Social Presented by Corey Perlman
Authentically Social Presented by Corey Perlman
Corey Perlman, Social Media Speaker and Consultant
 
Call 8867766396 Satta Matka Dpboss Matka Guessing Satta batta Matka 420 Satta...
Call 8867766396 Satta Matka Dpboss Matka Guessing Satta batta Matka 420 Satta...Call 8867766396 Satta Matka Dpboss Matka Guessing Satta batta Matka 420 Satta...
Call 8867766396 Satta Matka Dpboss Matka Guessing Satta batta Matka 420 Satta...
bosssp10
 
LA HUG - Video Testimonials with Chynna Morgan - June 2024
LA HUG - Video Testimonials with Chynna Morgan - June 2024LA HUG - Video Testimonials with Chynna Morgan - June 2024
LA HUG - Video Testimonials with Chynna Morgan - June 2024
Lital Barkan
 
Introduction to Amazon company 111111111111
Introduction to Amazon company 111111111111Introduction to Amazon company 111111111111
Introduction to Amazon company 111111111111
zoyaansari11365
 
Set off and carry forward of losses and assessment of individuals.pptx
Set off and carry forward of losses and assessment of individuals.pptxSet off and carry forward of losses and assessment of individuals.pptx
Set off and carry forward of losses and assessment of individuals.pptx
HARSHITHV26
 
ModelingMarketingStrategiesMKS.CollumbiaUniversitypdf
ModelingMarketingStrategiesMKS.CollumbiaUniversitypdfModelingMarketingStrategiesMKS.CollumbiaUniversitypdf
ModelingMarketingStrategiesMKS.CollumbiaUniversitypdf
fisherameliaisabella
 
20240425_ TJ Communications Credentials_compressed.pdf
20240425_ TJ Communications Credentials_compressed.pdf20240425_ TJ Communications Credentials_compressed.pdf
20240425_ TJ Communications Credentials_compressed.pdf
tjcomstrang
 

Recently uploaded (20)

Project File Report BBA 6th semester.pdf
Project File Report BBA 6th semester.pdfProject File Report BBA 6th semester.pdf
Project File Report BBA 6th semester.pdf
 
Building Your Employer Brand with Social Media
Building Your Employer Brand with Social MediaBuilding Your Employer Brand with Social Media
Building Your Employer Brand with Social Media
 
ikea_woodgreen_petscharity_dog-alogue_digital.pdf
ikea_woodgreen_petscharity_dog-alogue_digital.pdfikea_woodgreen_petscharity_dog-alogue_digital.pdf
ikea_woodgreen_petscharity_dog-alogue_digital.pdf
 
Recruiting in the Digital Age: A Social Media Masterclass
Recruiting in the Digital Age: A Social Media MasterclassRecruiting in the Digital Age: A Social Media Masterclass
Recruiting in the Digital Age: A Social Media Masterclass
 
Kseniya Leshchenko: Shared development support service model as the way to ma...
Kseniya Leshchenko: Shared development support service model as the way to ma...Kseniya Leshchenko: Shared development support service model as the way to ma...
Kseniya Leshchenko: Shared development support service model as the way to ma...
 
Meas_Dylan_DMBS_PB1_2024-05XX_Revised.pdf
Meas_Dylan_DMBS_PB1_2024-05XX_Revised.pdfMeas_Dylan_DMBS_PB1_2024-05XX_Revised.pdf
Meas_Dylan_DMBS_PB1_2024-05XX_Revised.pdf
 
FINAL PRESENTATION.pptx12143241324134134
FINAL PRESENTATION.pptx12143241324134134FINAL PRESENTATION.pptx12143241324134134
FINAL PRESENTATION.pptx12143241324134134
 
Search Disrupted Google’s Leaked Documents Rock the SEO World.pdf
Search Disrupted Google’s Leaked Documents Rock the SEO World.pdfSearch Disrupted Google’s Leaked Documents Rock the SEO World.pdf
Search Disrupted Google’s Leaked Documents Rock the SEO World.pdf
 
The effects of customers service quality and online reviews on customer loyal...
The effects of customers service quality and online reviews on customer loyal...The effects of customers service quality and online reviews on customer loyal...
The effects of customers service quality and online reviews on customer loyal...
 
Premium MEAN Stack Development Solutions for Modern Businesses
Premium MEAN Stack Development Solutions for Modern BusinessesPremium MEAN Stack Development Solutions for Modern Businesses
Premium MEAN Stack Development Solutions for Modern Businesses
 
An introduction to the cryptocurrency investment platform Binance Savings.
An introduction to the cryptocurrency investment platform Binance Savings.An introduction to the cryptocurrency investment platform Binance Savings.
An introduction to the cryptocurrency investment platform Binance Savings.
 
ikea_woodgreen_petscharity_cat-alogue_digital.pdf
ikea_woodgreen_petscharity_cat-alogue_digital.pdfikea_woodgreen_petscharity_cat-alogue_digital.pdf
ikea_woodgreen_petscharity_cat-alogue_digital.pdf
 
The Influence of Marketing Strategy and Market Competition on Business Perfor...
The Influence of Marketing Strategy and Market Competition on Business Perfor...The Influence of Marketing Strategy and Market Competition on Business Perfor...
The Influence of Marketing Strategy and Market Competition on Business Perfor...
 
Authentically Social Presented by Corey Perlman
Authentically Social Presented by Corey PerlmanAuthentically Social Presented by Corey Perlman
Authentically Social Presented by Corey Perlman
 
Call 8867766396 Satta Matka Dpboss Matka Guessing Satta batta Matka 420 Satta...
Call 8867766396 Satta Matka Dpboss Matka Guessing Satta batta Matka 420 Satta...Call 8867766396 Satta Matka Dpboss Matka Guessing Satta batta Matka 420 Satta...
Call 8867766396 Satta Matka Dpboss Matka Guessing Satta batta Matka 420 Satta...
 
LA HUG - Video Testimonials with Chynna Morgan - June 2024
LA HUG - Video Testimonials with Chynna Morgan - June 2024LA HUG - Video Testimonials with Chynna Morgan - June 2024
LA HUG - Video Testimonials with Chynna Morgan - June 2024
 
Introduction to Amazon company 111111111111
Introduction to Amazon company 111111111111Introduction to Amazon company 111111111111
Introduction to Amazon company 111111111111
 
Set off and carry forward of losses and assessment of individuals.pptx
Set off and carry forward of losses and assessment of individuals.pptxSet off and carry forward of losses and assessment of individuals.pptx
Set off and carry forward of losses and assessment of individuals.pptx
 
ModelingMarketingStrategiesMKS.CollumbiaUniversitypdf
ModelingMarketingStrategiesMKS.CollumbiaUniversitypdfModelingMarketingStrategiesMKS.CollumbiaUniversitypdf
ModelingMarketingStrategiesMKS.CollumbiaUniversitypdf
 
20240425_ TJ Communications Credentials_compressed.pdf
20240425_ TJ Communications Credentials_compressed.pdf20240425_ TJ Communications Credentials_compressed.pdf
20240425_ TJ Communications Credentials_compressed.pdf
 

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