SlideShare a Scribd company logo
1 of 11
unit 4 – typography


What is typography?


Typography is the art and technique of
arranging type in order to make language
visible. The arrangement of type involves the
selection of typefaces, point size, line
length, leading (line spacing), adjusting the
spaces between groups of letters (tracking)
and adjusting the space between pairs of
letters (kerning[2]). Type design is a closely
related craft, which some consider distinct
and others a part of typography; most
typographers do not design typefaces, and
some type designers do not consider
themselves typographers.[3][4]



In modern times, typography has been put
into motion—in film, television and online
broadcasts—to add emotion to mass
communication.[5]



Typography is performed by
typesetters, compositors, typographers, graph
ic designers, art directors, comic book
artists, graffiti artists, clerical workers, and
anyone else who arranges type for a product.
Until the Digital Age, typography was a
specialized occupation. Digitization opened
up typography to new generations of visual
designers and lay users, and David Jury states
that "typography is now something everybody
does.―


history of typography

Typography traces its origins to the first punches and
dies used to make seals and currency in ancient times.
The uneven spacing of the impressions on brick stamps
found in the Mesopotamian cities of Uruk and Larsa,
dating from the 2nd millennium BC, may have been
evidence of type where the reuse of identical
characters were applied to create cuneiform text.[7]
Babylonian cylinder seals were used to create an
impression on a surface by rolling the seal on wet
clay.[8] Typography was also realized in the Phaistos
Disc, an enigmatic Minoan print item from Crete,
Greece, which dates between 1850 and 1600
BC.[9][10][11] It has been proposed that Roman lead
pipe inscriptions were created by movable type
printing,[12][13][14] but German typographer Herbert
Brekle recently dismissed this view.[15]


The essential criterion of type identity was met by
medieval print artifacts such as the Latin Pruefening
Abbey inscription of 1119 that was created by the same
technique as the Phaistos disc.[16][17][18][19] The silver
altarpiece of patriarch Pellegrinus II (1195−1204) in the
cathedral of Cividale was printed with individual letter
punches.[20][21][22] The same printing technique can
apparently be found in 10th to 12th century Byzantine
reliquaries.[23][21] Individual letter tiles where the words
are formed by assembling single letter tiles in the desired
order were reasonably widespread in medieval
Northern Europe.[24][25]


history of typography


Modern movable type, along with the
mechanical printing press, is most often attributed
to the goldsmith Johannes Gutenberg, who
independently ivented the technology in mid-15th
century Germany.[29][30][31][32] His type pieces
from a lead-based alloy suited printing purposes
so well that the alloy is still used today.[33]
Gutenberg developed specialized techniques for
casting and combining cheap copies of
letterpunches in the vast quantities required to
print multiple copies of texts.[34] This technical
breakthrough was instrumental in starting the
Printing Revolution and printing the world's first
book (with movable type) the Gutenberg Bible.



Computer technology revolutionized typography
in the 20th century. Personal computers in the
1980s like the Macintosh allowed type designers to
create types digitally using commercial graphic
design software. Digital technology also enabled
designers to create more experimental typefaces,
alongside the practical fonts of traditional
typography. Designs for typefaces could be
created faster with the new technology, and for
more specific functions.[8] The cost for developing
typefaces was drastically lowered, becoming
widely available to the masses. The change has
been called the "democratization of type" and
has given new designers more opportunities to
enter the field.[35
Typefaces vs. Fonts: Difference?


A lot of people use the terms ―typeface‖
and ―font‖ interchangeably. But they’re
two very distinct things. Before we get
started talking about typography, let’s get
our terms straight.



A typeface is a set of typographical
symbols and characters. It’s the letters,
numbers, and other characters that let us
put words on paper (or screen). A font, on
the other hand, is traditionally defined as
a complete character set within a
typeface, often of a particular size and
style. Fonts are also specific computer files
that contain all the characters and glyphs
within a typeface.



When most of us talk about ―fonts‖, we’re
really talking about typefaces, or type
families (which are groups of typefaces
with related designs).
Classifying Type


There are a number of different ways to
classify typefaces and type families. The
most common classifications are by
technical style: serif, sans-serif, script,
display, and so on. Typefaces are also
classified by other technical
specifications, such as proportional vs.
monospaced, or by more fluid and
interpretational definitions, such as the
mood they create.



Serif


Serif typefaces are called ―serifs‖ in reference
to the small lines that are attached to the
main strokes of characters within the face.
Serif typefaces are most often used for body
copy in print documents, as well as for both
body text and headlines online. The
readability of serifs online has been debated,
and some designers prefer not to use serifs for
large blocks of copy.
Classifying Type


Sans-Serif




Sans-serif typefaces are called
such because they lack serif
details on characters. Sans-serif
typefaces are often more
modern in appearance than
serifs. The first sans-serifs were
created in the late 18th century.
There are four basic
classifications of sans-serif
typefaces: Grotesque, Neogrotesque, Humanist, and
Geometric. Grotesques are the
earliest, and include fonts like
Franklin Gothic and Akzidenze
Grotesk. These typefaces often
have letterforms that are very
similar to serif typefaces, minus
the serifs.
Other Typefaces


Script




Display




Scripts are based upon handwriting, and offer very
fluid letterforms. There are two basic classifications:
formal and casual. Formal scripts are often
reminiscent of the handwritten letterforms
common in the 17th and 18th centuries. Some
scripts are based directly on the handwriting of
masters like George Snell and George Bickham.
There are modern creations, too, including
Kuenstler Script. They’re common for very elegant
and elevated typographical designs, and are
unsuitable for body copy.
Display typefaces are probably the broadest
category and include the most variation. The main
characteristic is that they’re unsuitable for body
copy and are best reserved for headlines or other
short copy that needs attention drawn to it.
Display typefaces can be formal, or informal, and
evoke any kind of mood. They’re more commonly
seen in print design, but are becoming more
popular online with the use of web fonts.

Dingbats


Dingbats are specialty typefaces that consist of
symbols and ornaments instead of letters.
Wingdings is probably the best-known dingbat
font, though there are now thousands, often
created around themes.
Other Qualities


Proportional vs Monospaced




Mood






In proportional typefaces, the space a character takes up is
dependent on the natural width of that character. An ―i‖ takes up
less space than an ―m‖, for example. Times New Roman is a
proportional typeface. In monospace typefaces, on the other
hand, each character takes up the same amount of space.
Narrower characters simply get a bit more spacing around them to
make up for the difference in width. Courier New is one example of
a monospace typeface.
The mood of a typeface is an important part of how it should be
used. Different typefaces have strikingly different moods.
Commonly used moods include formal vs. informal, modern vs
classic/traditional, and light vs dramatic. Some typefaces have very
distinct moods. For example, Times New Roman is pretty much
always going to be a traditional font, which is why it’s so commonly
used for business correspondence. Verdana, on the other hand, has
a more modern mood.
Some typefaces are more transcendent, and can convey almost
any mood based on the content and the other typefaces they’re
combined with. Helvetica is often considered one such font.

Weights and Styles




Within the majority of typefaces, you’ll find more than one style
and/or weight. Weights are often classified as ―light‖, ―thin‖,
―regular‖, ―medium‖, ―bold‖, ―heavy‖, or ―black‖. Each of these
refers to the thickness of the strokes that make up the characters:
There are three general styles you’ll find with many typefaces: italic,
oblique, and small caps. Small caps are often used for headings or
subheadings, to add variety to your typography if using a single
typeface.
COPY THE ABOVE 


Part 1

Follow the anatomy of a
typeface and the typeface
qualities (style, weight etc.)
Design a complete font
(typeface set A – Z, a – z, 0
– 9)
Design multiple styles for the
typeface (bold, SMALL CAPS,
italics, bold-italic)

1.
2.
3.

Part 2



Repeat the above steps for
at least 3 different fonts that
you have created
Create a:




▪
▪
▪

Sans-serif
Serif
Dingbats or display

More Related Content

More from MrLawler

Tips on taking good photos
Tips on taking good photosTips on taking good photos
Tips on taking good photosMrLawler
 
Alyson Martinez
Alyson MartinezAlyson Martinez
Alyson MartinezMrLawler
 
DID/COMM: URBAN TOY
DID/COMM: URBAN TOYDID/COMM: URBAN TOY
DID/COMM: URBAN TOYMrLawler
 
DID/COMM: URBAN TOY
DID/COMM: URBAN TOYDID/COMM: URBAN TOY
DID/COMM: URBAN TOYMrLawler
 
You Pick-Three Part 2
You Pick-Three Part 2You Pick-Three Part 2
You Pick-Three Part 2MrLawler
 
YOU PICK THREE
YOU PICK THREEYOU PICK THREE
YOU PICK THREEMrLawler
 
DPI 1 and DPI 2 Texture Mapping
DPI 1 and DPI 2 Texture MappingDPI 1 and DPI 2 Texture Mapping
DPI 1 and DPI 2 Texture MappingMrLawler
 
DID Children's Book
DID Children's BookDID Children's Book
DID Children's BookMrLawler
 
Case Study and Tutorials
Case Study and TutorialsCase Study and Tutorials
Case Study and TutorialsMrLawler
 
Origins of photography
Origins of photographyOrigins of photography
Origins of photographyMrLawler
 
DPI 2: Final
DPI 2: FinalDPI 2: Final
DPI 2: FinalMrLawler
 
DPI Final Instructions
DPI Final InstructionsDPI Final Instructions
DPI Final InstructionsMrLawler
 
Digital illustration final
Digital illustration finalDigital illustration final
Digital illustration finalMrLawler
 
Case Studies - Masters
Case Studies - MastersCase Studies - Masters
Case Studies - MastersMrLawler
 
Masters search requirements
Masters search requirementsMasters search requirements
Masters search requirementsMrLawler
 
Unit 4 Photo Check
Unit 4 Photo CheckUnit 4 Photo Check
Unit 4 Photo CheckMrLawler
 
DID Unit 2: Exercises
DID Unit 2: Exercises DID Unit 2: Exercises
DID Unit 2: Exercises MrLawler
 
Unit 1 Sample PPT (Digi Illustration)
Unit 1 Sample PPT (Digi Illustration)Unit 1 Sample PPT (Digi Illustration)
Unit 1 Sample PPT (Digi Illustration)MrLawler
 
Background Editing Tutorials
Background Editing TutorialsBackground Editing Tutorials
Background Editing TutorialsMrLawler
 
Photo Check Unit 3
Photo Check Unit 3Photo Check Unit 3
Photo Check Unit 3MrLawler
 

More from MrLawler (20)

Tips on taking good photos
Tips on taking good photosTips on taking good photos
Tips on taking good photos
 
Alyson Martinez
Alyson MartinezAlyson Martinez
Alyson Martinez
 
DID/COMM: URBAN TOY
DID/COMM: URBAN TOYDID/COMM: URBAN TOY
DID/COMM: URBAN TOY
 
DID/COMM: URBAN TOY
DID/COMM: URBAN TOYDID/COMM: URBAN TOY
DID/COMM: URBAN TOY
 
You Pick-Three Part 2
You Pick-Three Part 2You Pick-Three Part 2
You Pick-Three Part 2
 
YOU PICK THREE
YOU PICK THREEYOU PICK THREE
YOU PICK THREE
 
DPI 1 and DPI 2 Texture Mapping
DPI 1 and DPI 2 Texture MappingDPI 1 and DPI 2 Texture Mapping
DPI 1 and DPI 2 Texture Mapping
 
DID Children's Book
DID Children's BookDID Children's Book
DID Children's Book
 
Case Study and Tutorials
Case Study and TutorialsCase Study and Tutorials
Case Study and Tutorials
 
Origins of photography
Origins of photographyOrigins of photography
Origins of photography
 
DPI 2: Final
DPI 2: FinalDPI 2: Final
DPI 2: Final
 
DPI Final Instructions
DPI Final InstructionsDPI Final Instructions
DPI Final Instructions
 
Digital illustration final
Digital illustration finalDigital illustration final
Digital illustration final
 
Case Studies - Masters
Case Studies - MastersCase Studies - Masters
Case Studies - Masters
 
Masters search requirements
Masters search requirementsMasters search requirements
Masters search requirements
 
Unit 4 Photo Check
Unit 4 Photo CheckUnit 4 Photo Check
Unit 4 Photo Check
 
DID Unit 2: Exercises
DID Unit 2: Exercises DID Unit 2: Exercises
DID Unit 2: Exercises
 
Unit 1 Sample PPT (Digi Illustration)
Unit 1 Sample PPT (Digi Illustration)Unit 1 Sample PPT (Digi Illustration)
Unit 1 Sample PPT (Digi Illustration)
 
Background Editing Tutorials
Background Editing TutorialsBackground Editing Tutorials
Background Editing Tutorials
 
Photo Check Unit 3
Photo Check Unit 3Photo Check Unit 3
Photo Check Unit 3
 

Recently uploaded

GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGSujit Pal
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 

Recently uploaded (20)

GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 

COMM ART: Unit 4: Typography Notes and Project

  • 1. unit 4 – typography
  • 2.  What is typography?  Typography is the art and technique of arranging type in order to make language visible. The arrangement of type involves the selection of typefaces, point size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters (kerning[2]). Type design is a closely related craft, which some consider distinct and others a part of typography; most typographers do not design typefaces, and some type designers do not consider themselves typographers.[3][4]  In modern times, typography has been put into motion—in film, television and online broadcasts—to add emotion to mass communication.[5]  Typography is performed by typesetters, compositors, typographers, graph ic designers, art directors, comic book artists, graffiti artists, clerical workers, and anyone else who arranges type for a product. Until the Digital Age, typography was a specialized occupation. Digitization opened up typography to new generations of visual designers and lay users, and David Jury states that "typography is now something everybody does.―
  • 3.  history of typography  Typography traces its origins to the first punches and dies used to make seals and currency in ancient times. The uneven spacing of the impressions on brick stamps found in the Mesopotamian cities of Uruk and Larsa, dating from the 2nd millennium BC, may have been evidence of type where the reuse of identical characters were applied to create cuneiform text.[7] Babylonian cylinder seals were used to create an impression on a surface by rolling the seal on wet clay.[8] Typography was also realized in the Phaistos Disc, an enigmatic Minoan print item from Crete, Greece, which dates between 1850 and 1600 BC.[9][10][11] It has been proposed that Roman lead pipe inscriptions were created by movable type printing,[12][13][14] but German typographer Herbert Brekle recently dismissed this view.[15]  The essential criterion of type identity was met by medieval print artifacts such as the Latin Pruefening Abbey inscription of 1119 that was created by the same technique as the Phaistos disc.[16][17][18][19] The silver altarpiece of patriarch Pellegrinus II (1195−1204) in the cathedral of Cividale was printed with individual letter punches.[20][21][22] The same printing technique can apparently be found in 10th to 12th century Byzantine reliquaries.[23][21] Individual letter tiles where the words are formed by assembling single letter tiles in the desired order were reasonably widespread in medieval Northern Europe.[24][25]
  • 4.  history of typography  Modern movable type, along with the mechanical printing press, is most often attributed to the goldsmith Johannes Gutenberg, who independently ivented the technology in mid-15th century Germany.[29][30][31][32] His type pieces from a lead-based alloy suited printing purposes so well that the alloy is still used today.[33] Gutenberg developed specialized techniques for casting and combining cheap copies of letterpunches in the vast quantities required to print multiple copies of texts.[34] This technical breakthrough was instrumental in starting the Printing Revolution and printing the world's first book (with movable type) the Gutenberg Bible.  Computer technology revolutionized typography in the 20th century. Personal computers in the 1980s like the Macintosh allowed type designers to create types digitally using commercial graphic design software. Digital technology also enabled designers to create more experimental typefaces, alongside the practical fonts of traditional typography. Designs for typefaces could be created faster with the new technology, and for more specific functions.[8] The cost for developing typefaces was drastically lowered, becoming widely available to the masses. The change has been called the "democratization of type" and has given new designers more opportunities to enter the field.[35
  • 5. Typefaces vs. Fonts: Difference?  A lot of people use the terms ―typeface‖ and ―font‖ interchangeably. But they’re two very distinct things. Before we get started talking about typography, let’s get our terms straight.  A typeface is a set of typographical symbols and characters. It’s the letters, numbers, and other characters that let us put words on paper (or screen). A font, on the other hand, is traditionally defined as a complete character set within a typeface, often of a particular size and style. Fonts are also specific computer files that contain all the characters and glyphs within a typeface.  When most of us talk about ―fonts‖, we’re really talking about typefaces, or type families (which are groups of typefaces with related designs).
  • 6. Classifying Type  There are a number of different ways to classify typefaces and type families. The most common classifications are by technical style: serif, sans-serif, script, display, and so on. Typefaces are also classified by other technical specifications, such as proportional vs. monospaced, or by more fluid and interpretational definitions, such as the mood they create.  Serif  Serif typefaces are called ―serifs‖ in reference to the small lines that are attached to the main strokes of characters within the face. Serif typefaces are most often used for body copy in print documents, as well as for both body text and headlines online. The readability of serifs online has been debated, and some designers prefer not to use serifs for large blocks of copy.
  • 7. Classifying Type  Sans-Serif   Sans-serif typefaces are called such because they lack serif details on characters. Sans-serif typefaces are often more modern in appearance than serifs. The first sans-serifs were created in the late 18th century. There are four basic classifications of sans-serif typefaces: Grotesque, Neogrotesque, Humanist, and Geometric. Grotesques are the earliest, and include fonts like Franklin Gothic and Akzidenze Grotesk. These typefaces often have letterforms that are very similar to serif typefaces, minus the serifs.
  • 8. Other Typefaces  Script   Display   Scripts are based upon handwriting, and offer very fluid letterforms. There are two basic classifications: formal and casual. Formal scripts are often reminiscent of the handwritten letterforms common in the 17th and 18th centuries. Some scripts are based directly on the handwriting of masters like George Snell and George Bickham. There are modern creations, too, including Kuenstler Script. They’re common for very elegant and elevated typographical designs, and are unsuitable for body copy. Display typefaces are probably the broadest category and include the most variation. The main characteristic is that they’re unsuitable for body copy and are best reserved for headlines or other short copy that needs attention drawn to it. Display typefaces can be formal, or informal, and evoke any kind of mood. They’re more commonly seen in print design, but are becoming more popular online with the use of web fonts. Dingbats  Dingbats are specialty typefaces that consist of symbols and ornaments instead of letters. Wingdings is probably the best-known dingbat font, though there are now thousands, often created around themes.
  • 9. Other Qualities  Proportional vs Monospaced   Mood    In proportional typefaces, the space a character takes up is dependent on the natural width of that character. An ―i‖ takes up less space than an ―m‖, for example. Times New Roman is a proportional typeface. In monospace typefaces, on the other hand, each character takes up the same amount of space. Narrower characters simply get a bit more spacing around them to make up for the difference in width. Courier New is one example of a monospace typeface. The mood of a typeface is an important part of how it should be used. Different typefaces have strikingly different moods. Commonly used moods include formal vs. informal, modern vs classic/traditional, and light vs dramatic. Some typefaces have very distinct moods. For example, Times New Roman is pretty much always going to be a traditional font, which is why it’s so commonly used for business correspondence. Verdana, on the other hand, has a more modern mood. Some typefaces are more transcendent, and can convey almost any mood based on the content and the other typefaces they’re combined with. Helvetica is often considered one such font. Weights and Styles   Within the majority of typefaces, you’ll find more than one style and/or weight. Weights are often classified as ―light‖, ―thin‖, ―regular‖, ―medium‖, ―bold‖, ―heavy‖, or ―black‖. Each of these refers to the thickness of the strokes that make up the characters: There are three general styles you’ll find with many typefaces: italic, oblique, and small caps. Small caps are often used for headings or subheadings, to add variety to your typography if using a single typeface.
  • 11.  Part 1 Follow the anatomy of a typeface and the typeface qualities (style, weight etc.) Design a complete font (typeface set A – Z, a – z, 0 – 9) Design multiple styles for the typeface (bold, SMALL CAPS, italics, bold-italic) 1. 2. 3. Part 2  Repeat the above steps for at least 3 different fonts that you have created Create a:   ▪ ▪ ▪ Sans-serif Serif Dingbats or display