SlideShare une entreprise Scribd logo
1  sur  17
In what order did different
fonts develop + from which
cultures?
First ever
font!
The first typeface was
created by Johannes
Gutenberg for his
movable type press.
His font was designed in
the style of Gothic
Blackletter. This was so
that books printed by
Johannes could still look
like the books from
around that time which
were handwritten
instead of printed.
This font was created
around 1436-50!!
First Roman
Font!
After Johannes’
creation, even
more people
began to create
their own
typefaces.
The next
influential styles
to arrive were
‘Roman’ +
‘Italics’. The first
true Roman
typeface was
created by
Nicholas Jenson
around 1460!
Now for more common fonts!
1932

Times New
Roman
Serif typeface
It was originally
commissioned by
‘The Times’
newspaper.
Created by Victor
Lardent.
It made its first
appearance in
The Times on the
3rd of October,
1932.
Still used in a lot
of printed books
today.

“One of the most widely used typeface in history!”
1955

Courier
Monospaced Slab
Serif typeface
Designed by
Howard Kettler in
1955.

“Designed to resemble the output from a strike-on typewriter”

IBM
commissioned
the design of the
original Courier
typeface.
However, they
decided not to
copyright protect
or secure legal
exclusivity of the
font.
Impact

1965

Sans Serif
typeface

The font was created
mainly for headlines
and titles.
Been included on
Microsoft computers
since ’98.

Designed by
Geoffrey Lee
in 1965.
It was
released by
the
‘Stephenson
Blake
Foundary’.
This font has
very thick
lettering with
very narrow
spacing –
compressedlooking.
1982

Arial
Sans Serif
typeface
Created by a
team of 10, lead
by Robin
Nicholas (from
Kent!) and
Patricia
Saunders.
Many different
styles of this
font, e.g.: italic,
bold, bold italic…
Now known as a
‘system font’.

One of the most used typeface families in the world!
1991

Century Gothic
Geometric Sans
Serif typeface
Designed for
Monotype
Imaging in 1991.
The typeface
design is inspired
by Sol Hess’s
‘Twentieth
Century’ font.
However, that was
drawn between
1937 and 1947.
Century Gothic
has been inspired
by older font
design!
1993

Georgia
Transitional Serif
typeface
Designed by Matthew
Carter for Microsoft!
It was created in
1993. However, it
wasn’t actually
released for a few
extra years, in 1996.
It was created to look
clear at any size on a
computer screen.
It’s very much like
Times New Roman
1994

Tahoma
Humanist Sans
Serif typeface
Designed by
Matthew Carter
for Microsoft in
1994.
First designed as
a Bitmap font.
Been used as the
default type
setting in quite a
lot of cases! E.g.:
Skype, Windows
2000 + XP
1994

Comic
Sans
Sans Serif
typeface
Designed by
Vincent Connare.
It was released
by Microsoft in
1994.

“Designed to imitate the look of comic book lettering”

Should only be
used in informal
work.
This typeface has
been greatly
criticized due to
its childlike style!
1996

Verdana
Humanist Sans
Serif typeface
Designed by
Matthew Carter
and released in
1996.
This was another
typeface to be
created for
Microsoft!

Another font to be included in the Microsoft operating
system!

Designed to be
easily readable
on computer
screens at any
size.
Basic structure of type anatomy +
why does it apply?
Anatomy of a typeface…
Understanding type + type anatomy can help greatly when working on a
project.
One of the main things it allows you to do, is pick the most ideal font for the
work you’re currently doing. As you know all about the differences in typefaces
+ the differences these can make to work, you can be very picky with the fonts
you choose.
“Think about the size + shape of the fonts for each project” (designshack.net)
For example:
For an organised feel, stick to the baseline rule. If you’re wanting to create
disarray + work freely, stray from the baseline rule.
“For digital projects, select fonts from the standard set to ensure that your
project has the look you intended.”
You also have to make sure the typeface is readable. However, if you
understand the anatomy rules, it will help you to perfect all these details!
With thanks to Mr. Wikipedia!

Contenu connexe

Similaire à Typography Presentation - OUGD404

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
Chris Tyre
 
Sample Document Title
Sample Document TitleSample Document Title
Sample Document Title
anandtest
 
Sample Document
Sample DocumentSample Document
Sample Document
anandtest
 

Similaire à Typography Presentation - OUGD404 (20)

12 Famous Typographers to Inspire You
12 Famous Typographers to Inspire You12 Famous Typographers to Inspire You
12 Famous Typographers to Inspire You
 
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
 
Cunning Plan - The Power of Typography
Cunning Plan -  The Power of Typography Cunning Plan -  The Power of Typography
Cunning Plan - The Power of Typography
 
Cunning Plan - The Power of Typography
Cunning Plan -  The Power of Typography Cunning Plan -  The Power of Typography
Cunning Plan - The Power of Typography
 
Typography
TypographyTypography
Typography
 
What is lorem ipsum
What is lorem ipsumWhat is lorem ipsum
What is lorem ipsum
 
Lorem ipsum
Lorem ipsumLorem ipsum
Lorem ipsum
 
MANEJO DE LAS OBJESIONES EN VENTAS CREATIVAS.pptx
MANEJO DE LAS OBJESIONES EN VENTAS CREATIVAS.pptxMANEJO DE LAS OBJESIONES EN VENTAS CREATIVAS.pptx
MANEJO DE LAS OBJESIONES EN VENTAS CREATIVAS.pptx
 
Sample Document Title
Sample Document TitleSample Document Title
Sample Document Title
 
Title
TitleTitle
Title
 
Title
TitleTitle
Title
 
Sample Document
Sample DocumentSample Document
Sample Document
 
Presentacion tema memoria v1
Presentacion tema memoria v1Presentacion tema memoria v1
Presentacion tema memoria v1
 
Lorem ipsum2
Lorem ipsum2Lorem ipsum2
Lorem ipsum2
 
Lorem ipsum копия
Lorem ipsum   копияLorem ipsum   копия
Lorem ipsum копия
 
Lorem ipsum3
Lorem ipsum3Lorem ipsum3
Lorem ipsum3
 
Lorem ipsum2
Lorem ipsum2Lorem ipsum2
Lorem ipsum2
 
Lorem ipsum копия
Lorem ipsum   копияLorem ipsum   копия
Lorem ipsum копия
 
Lorem ipsum3
Lorem ipsum3Lorem ipsum3
Lorem ipsum3
 
Lorem ipsum3
Lorem ipsum3Lorem ipsum3
Lorem ipsum3
 

Dernier

Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
ehyxf
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
nirzagarg
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 

Dernier (20)

Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
How to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in PhotoshopHow to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in Photoshop
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
 
Lecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptxLecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptx
 
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime PondicherryPondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
Pondicherry Escorts Service Girl ^ 9332606886, WhatsApp Anytime Pondicherry
 
BLOCK CHAIN PROJECT block chain project
BLOCK CHAIN  PROJECT block chain projectBLOCK CHAIN  PROJECT block chain project
BLOCK CHAIN PROJECT block chain project
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 

Typography Presentation - OUGD404

  • 1. In what order did different fonts develop + from which cultures?
  • 2. First ever font! The first typeface was created by Johannes Gutenberg for his movable type press. His font was designed in the style of Gothic Blackletter. This was so that books printed by Johannes could still look like the books from around that time which were handwritten instead of printed. This font was created around 1436-50!!
  • 3. First Roman Font! After Johannes’ creation, even more people began to create their own typefaces. The next influential styles to arrive were ‘Roman’ + ‘Italics’. The first true Roman typeface was created by Nicholas Jenson around 1460!
  • 4. Now for more common fonts!
  • 5. 1932 Times New Roman Serif typeface It was originally commissioned by ‘The Times’ newspaper. Created by Victor Lardent. It made its first appearance in The Times on the 3rd of October, 1932. Still used in a lot of printed books today. “One of the most widely used typeface in history!”
  • 6. 1955 Courier Monospaced Slab Serif typeface Designed by Howard Kettler in 1955. “Designed to resemble the output from a strike-on typewriter” IBM commissioned the design of the original Courier typeface. However, they decided not to copyright protect or secure legal exclusivity of the font.
  • 7. Impact 1965 Sans Serif typeface The font was created mainly for headlines and titles. Been included on Microsoft computers since ’98. Designed by Geoffrey Lee in 1965. It was released by the ‘Stephenson Blake Foundary’. This font has very thick lettering with very narrow spacing – compressedlooking.
  • 8. 1982 Arial Sans Serif typeface Created by a team of 10, lead by Robin Nicholas (from Kent!) and Patricia Saunders. Many different styles of this font, e.g.: italic, bold, bold italic… Now known as a ‘system font’. One of the most used typeface families in the world!
  • 9. 1991 Century Gothic Geometric Sans Serif typeface Designed for Monotype Imaging in 1991. The typeface design is inspired by Sol Hess’s ‘Twentieth Century’ font. However, that was drawn between 1937 and 1947. Century Gothic has been inspired by older font design!
  • 10. 1993 Georgia Transitional Serif typeface Designed by Matthew Carter for Microsoft! It was created in 1993. However, it wasn’t actually released for a few extra years, in 1996. It was created to look clear at any size on a computer screen. It’s very much like Times New Roman
  • 11. 1994 Tahoma Humanist Sans Serif typeface Designed by Matthew Carter for Microsoft in 1994. First designed as a Bitmap font. Been used as the default type setting in quite a lot of cases! E.g.: Skype, Windows 2000 + XP
  • 12. 1994 Comic Sans Sans Serif typeface Designed by Vincent Connare. It was released by Microsoft in 1994. “Designed to imitate the look of comic book lettering” Should only be used in informal work. This typeface has been greatly criticized due to its childlike style!
  • 13. 1996 Verdana Humanist Sans Serif typeface Designed by Matthew Carter and released in 1996. This was another typeface to be created for Microsoft! Another font to be included in the Microsoft operating system! Designed to be easily readable on computer screens at any size.
  • 14. Basic structure of type anatomy + why does it apply?
  • 15. Anatomy of a typeface…
  • 16. Understanding type + type anatomy can help greatly when working on a project. One of the main things it allows you to do, is pick the most ideal font for the work you’re currently doing. As you know all about the differences in typefaces + the differences these can make to work, you can be very picky with the fonts you choose. “Think about the size + shape of the fonts for each project” (designshack.net) For example: For an organised feel, stick to the baseline rule. If you’re wanting to create disarray + work freely, stray from the baseline rule. “For digital projects, select fonts from the standard set to ensure that your project has the look you intended.” You also have to make sure the typeface is readable. However, if you understand the anatomy rules, it will help you to perfect all these details!
  • 17. With thanks to Mr. Wikipedia!