SlideShare uma empresa Scribd logo
1 de 26
Mastering Typography
Behance.net/sbshahria
dribbble/sbshahria
Typoghraphy
The Greek word "typography" is
made up of "typos," meaning a stamp
for making impressions in clay, and
"graphein," meaning writing..
1.What Typography ?
Typography is the art and technique of arranging type to
make written language legible, readable, and appealing when
displayed.
Typeface vs Font
Typeface : A typeface is a design created by a typographer or type designer. It
incorporates the specific letter-forms that include the variations of stroke weight, the
forms of serifs, the counter shapes, the finial styles, the lengths of ascenders and
descenders, and any other characteristics that differ from one type design to another.
Typeface vs Font
Font : A font is the digital representation of a typeface. It is a collection of all the
characters of a typeface in one size (12pt/1in) and one style (bold/italic). For example,
Arial in 12pt size is a font, Arial in 18pt size is a font, and Arial bold in 24pt is also a
font. Adobe's type glossary lists a font as “one weight, width, and style of a typeface.”
Typeface vs Font
Font-family: The complete assembly of all sizes and styles of one typeface forms a
type family. Web designers sometimes refer to it as a “font family” because that is the
name of the CSS declaration. Usually the type family has the same name as the
typeface. A type family may contain many variations, but all variations are based on
common design characteristics. For example, the Caslon family consists of styles such
as Roman (Regular), Italic, Semibold, Semibold Italic, Bold, and Bold Italic. Each of the
style and weight combinations is a typeface, and together they form a type family.
History of Typeface
Who invented typeface ?
Johannes Gutenberg : In the thirteenth century in medieval Europe, typographers
would use single letter tiles to create lettering on walls. This was a very popular
form used throughout Europe until the metal movable type was invented by
Johannes Gutenberg in the fifteenth century.
History of typeface ?
1470: Nicolas Jenson created Roman Type, inspired by the text on ancient
roman buildings. It was far more readable than blackletter, and caught on
quickly.
History of typeface ?
1501: Aldus Manutius created italics – a way to fit more words onto a page,
saving the printer money. Today, we use italics as a design detail or for emphasis
when writing.
History of typeface ?
1734: William Caslon created a typeface which features straighter serifs and
much more obvious contrasts between thin and bold strokes. Today, we call this
type style ‘old style’.
History of typeface ?
After that John Baskerville , Firmin Didot and Giambattista Bodoni deveoped
some another font for better legability.
History of typeface ?
1816 William Caslon IV created the first typeface without any serifs at all. It was
widely rebuked at the time. This was the start of what we now consider Sans Serif
typefaces. During this time, type exploded, and many, many variations were
being created to accommodate advertising.
Classification of Typefaces
1. Serif
2. Sans-serif
3. Script
4. Display / Decorative
Serif Font
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.
Sans Serif Font
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.
Script Font
Fonts that fall into the script category
are those that have the appearance of
hand lettering with a brush,
calligraphy pen or pencil.
Decorative Font
Decorative and display fonts became popular
in the 19th century and were used extensively
on posters and advertisements. This style of
type and lettering could be artistic and eye-
catching in a way that wasn’t considered
previously. William Morris launched the Arts
and Crafts movement and as part of the
experimentation and innovation of the time,
developed the Troy typeface.
Difference Between Kerning,
Leading and Tracking
Space is as much a design tool as color or form. The spaces between
letters is defined in three ways. Three ways are kerning, Leading ,
Tracking.
Kerning
In typography, kerning is the process of
adjusting the spacing between characters in a
proportional font, usually to achieve a visually
pleasing result. Kerningadjusts the space
between individual letter forms, while tracking
(letter-spacing) adjusts spacing uniformly over
a range of characters.
Leading
Leading refers to the distance between the
baselines of successive lines of type. The term
originated in the days of hand-typesetting,
when thin strips of lead were inserted into the
forms to increase the vertical distance between
lines of type.
Tracking
In typography, letter-spacing, usually called
trackingby typographers, refers to a consistent
degree of increase (or sometimes decrease) of
space between letters to affect density in a line
or block of text. Letter-spacing should not be
confused with kerning.
Practice, Practice, and Practice some more.
Constant practice sharpens your skills. Knowing typography rules and guidelines can improve
practically everything you design that has a key typographic component. Practicing these rules
over and over helps you to easily master them. It’s only through actual training that you get to
fully understand how each rule works.
Anatomy of a Typeface
http://typedia.com/learn/only/anatomy-of-a-typeface/
Homework
Goals for next meeting

Mais conteúdo relacionado

Mais procurados

Typograpghy final
Typograpghy finalTypograpghy final
Typograpghy final
Senistr0
 
Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A Presentation
Graeme Smith
 
Elige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu webElige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu web
Ana Cirujano
 

Mais procurados (19)

Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
 
Typograpghy final
Typograpghy finalTypograpghy final
Typograpghy final
 
Typography
Typography Typography
Typography
 
Font Basics - a small introduction
Font Basics - a small introductionFont Basics - a small introduction
Font Basics - a small introduction
 
Typography in UI Design
Typography in UI DesignTypography in UI Design
Typography in UI Design
 
Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A Presentation
 
10 typeface basics.fi_xed
10 typeface basics.fi_xed10 typeface basics.fi_xed
10 typeface basics.fi_xed
 
Typecurious: A Typography Crash Course
Typecurious: A Typography Crash CourseTypecurious: A Typography Crash Course
Typecurious: A Typography Crash Course
 
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 Referenced by Allan Haley (2012)
Typography Referenced by Allan Haley (2012)Typography Referenced by Allan Haley (2012)
Typography Referenced by Allan Haley (2012)
 
Which font should I use?
Which font should I use?Which font should I use?
Which font should I use?
 
Como elegir el tipo de letra perfecto para un sitio web
Como elegir el tipo de letra perfecto para un sitio webComo elegir el tipo de letra perfecto para un sitio web
Como elegir el tipo de letra perfecto para un sitio web
 
Elige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu webElige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu web
 
Emilytypography
EmilytypographyEmilytypography
Emilytypography
 
Typography class 2
Typography class 2Typography class 2
Typography class 2
 
Typography
TypographyTypography
Typography
 
Typography class 3
Typography class 3Typography class 3
Typography class 3
 
Typefaces
TypefacesTypefaces
Typefaces
 
Fundamental of typography
Fundamental of typographyFundamental of typography
Fundamental of typography
 

Semelhante a Basic to Mastering Typography

all about typography interactivect.pdf
all about typography interactivect.pdfall about typography interactivect.pdf
all about typography interactivect.pdf
jb00007
 
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
Shobhit Jain
 
1.01 Typography PowerPoint
1.01 Typography PowerPoint1.01 Typography PowerPoint
1.01 Typography PowerPoint
cindymartin
 
letteringstyles-220829234204-cc22a8bf.pptx
letteringstyles-220829234204-cc22a8bf.pptxletteringstyles-220829234204-cc22a8bf.pptx
letteringstyles-220829234204-cc22a8bf.pptx
TeacherAngelicaPanti
 
4. typographic terms vy pham
4. typographic terms vy pham4. typographic terms vy pham
4. typographic terms vy pham
vy_pham96
 

Semelhante a Basic to Mastering Typography (20)

Week 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptxWeek 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptx
 
all about typography interactivect.pdf
all about typography interactivect.pdfall about typography interactivect.pdf
all about typography interactivect.pdf
 
French fold book
French fold bookFrench fold book
French fold book
 
Typography manual2pages
Typography manual2pagesTypography manual2pages
Typography manual2pages
 
Describing Type
Describing TypeDescribing Type
Describing Type
 
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdfTypography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
 
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typography
 
LETTERING STYLES.pptx
LETTERING STYLES.pptxLETTERING STYLES.pptx
LETTERING STYLES.pptx
 
Type faces
Type facesType faces
Type faces
 
1.01 Typography PowerPoint
1.01 Typography PowerPoint1.01 Typography PowerPoint
1.01 Typography PowerPoint
 
letteringstyles-220829234204-cc22a8bf.pptx
letteringstyles-220829234204-cc22a8bf.pptxletteringstyles-220829234204-cc22a8bf.pptx
letteringstyles-220829234204-cc22a8bf.pptx
 
TYPO.pptx
TYPO.pptxTYPO.pptx
TYPO.pptx
 
Typography
TypographyTypography
Typography
 
Topography
TopographyTopography
Topography
 
4. typographic terms vy pham
4. typographic terms vy pham4. typographic terms vy pham
4. typographic terms vy pham
 
Semiotic typography course lite lecture_1
Semiotic typography course lite lecture_1Semiotic typography course lite lecture_1
Semiotic typography course lite lecture_1
 
The Power of Typography
The Power of TypographyThe Power of Typography
The Power of Typography
 
What is topography
What is topographyWhat is topography
What is topography
 
What is topography
What is topographyWhat is topography
What is topography
 

Último

Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
gajnagarg
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
 
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
sriharipichandi
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
amitlee9823
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
amitlee9823
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
dollysharma2066
 
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
amitlee9823
 
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
amitlee9823
 

Último (20)

Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men  🔝Kolkata🔝   Escorts...
➥🔝 7737669865 🔝▻ Kolkata Call-girls in Women Seeking Men 🔝Kolkata🔝 Escorts...
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
 
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...
 
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men  🔝dehradun🔝   Escor...
➥🔝 7737669865 🔝▻ dehradun Call-girls in Women Seeking Men 🔝dehradun🔝 Escor...
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
Vip Mumbai Call Girls Bandra West Call On 9920725232 With Body to body massag...
 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 

Basic to Mastering Typography

  • 2. Typoghraphy The Greek word "typography" is made up of "typos," meaning a stamp for making impressions in clay, and "graphein," meaning writing..
  • 3. 1.What Typography ? Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed.
  • 4. Typeface vs Font Typeface : A typeface is a design created by a typographer or type designer. It incorporates the specific letter-forms that include the variations of stroke weight, the forms of serifs, the counter shapes, the finial styles, the lengths of ascenders and descenders, and any other characteristics that differ from one type design to another.
  • 5. Typeface vs Font Font : A font is the digital representation of a typeface. It is a collection of all the characters of a typeface in one size (12pt/1in) and one style (bold/italic). For example, Arial in 12pt size is a font, Arial in 18pt size is a font, and Arial bold in 24pt is also a font. Adobe's type glossary lists a font as “one weight, width, and style of a typeface.”
  • 6. Typeface vs Font Font-family: The complete assembly of all sizes and styles of one typeface forms a type family. Web designers sometimes refer to it as a “font family” because that is the name of the CSS declaration. Usually the type family has the same name as the typeface. A type family may contain many variations, but all variations are based on common design characteristics. For example, the Caslon family consists of styles such as Roman (Regular), Italic, Semibold, Semibold Italic, Bold, and Bold Italic. Each of the style and weight combinations is a typeface, and together they form a type family.
  • 8. Who invented typeface ? Johannes Gutenberg : In the thirteenth century in medieval Europe, typographers would use single letter tiles to create lettering on walls. This was a very popular form used throughout Europe until the metal movable type was invented by Johannes Gutenberg in the fifteenth century.
  • 9. History of typeface ? 1470: Nicolas Jenson created Roman Type, inspired by the text on ancient roman buildings. It was far more readable than blackletter, and caught on quickly.
  • 10. History of typeface ? 1501: Aldus Manutius created italics – a way to fit more words onto a page, saving the printer money. Today, we use italics as a design detail or for emphasis when writing.
  • 11. History of typeface ? 1734: William Caslon created a typeface which features straighter serifs and much more obvious contrasts between thin and bold strokes. Today, we call this type style ‘old style’.
  • 12. History of typeface ? After that John Baskerville , Firmin Didot and Giambattista Bodoni deveoped some another font for better legability.
  • 13. History of typeface ? 1816 William Caslon IV created the first typeface without any serifs at all. It was widely rebuked at the time. This was the start of what we now consider Sans Serif typefaces. During this time, type exploded, and many, many variations were being created to accommodate advertising.
  • 14. Classification of Typefaces 1. Serif 2. Sans-serif 3. Script 4. Display / Decorative
  • 15. Serif Font 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.
  • 16. Sans Serif Font 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.
  • 17. Script Font Fonts that fall into the script category are those that have the appearance of hand lettering with a brush, calligraphy pen or pencil.
  • 18. Decorative Font Decorative and display fonts became popular in the 19th century and were used extensively on posters and advertisements. This style of type and lettering could be artistic and eye- catching in a way that wasn’t considered previously. William Morris launched the Arts and Crafts movement and as part of the experimentation and innovation of the time, developed the Troy typeface.
  • 19. Difference Between Kerning, Leading and Tracking Space is as much a design tool as color or form. The spaces between letters is defined in three ways. Three ways are kerning, Leading , Tracking.
  • 20. Kerning In typography, kerning is the process of adjusting the spacing between characters in a proportional font, usually to achieve a visually pleasing result. Kerningadjusts the space between individual letter forms, while tracking (letter-spacing) adjusts spacing uniformly over a range of characters.
  • 21. Leading Leading refers to the distance between the baselines of successive lines of type. The term originated in the days of hand-typesetting, when thin strips of lead were inserted into the forms to increase the vertical distance between lines of type.
  • 22. Tracking In typography, letter-spacing, usually called trackingby typographers, refers to a consistent degree of increase (or sometimes decrease) of space between letters to affect density in a line or block of text. Letter-spacing should not be confused with kerning.
  • 23. Practice, Practice, and Practice some more. Constant practice sharpens your skills. Knowing typography rules and guidelines can improve practically everything you design that has a key typographic component. Practicing these rules over and over helps you to easily master them. It’s only through actual training that you get to fully understand how each rule works.
  • 24. Anatomy of a Typeface http://typedia.com/learn/only/anatomy-of-a-typeface/
  • 26. Goals for next meeting