SlideShare a Scribd company logo
1 of 8
It’s important to understand the differ type terminology.
Do you know the difference between a font and a typeface? How
about a font and type family? What is a type style?
Type
WD131: Fundamentals of Design
Unit 6: Type
Module 2: Introduction to Classifications and Physical Characteristics
of Type
A font, such as 10pt Adobe Garamond Bold, is a complete set of
characters for one typeface including upper case letters; lower case
letters; numerals; punctuation; and symbols that share a common
weight, width, and style.
Type
WD131: Fundamentals of Design
Unit 6: Type
Module 2: Introduction to Classifications and Physical Characteristics
of Type
 Font
 Typeface
 Type style
Typefaces are often called type families or font families. These are
collections of fonts that share an overall appearance and are
designed to be used together, such as Adobe Garamond.
.
Type
WD131: Fundamentals of Design
Unit 6: Type
Module 2: Introduction to Classifications and Physical Characteristics
of Type
 Font
 Typeface
 Type style
A type style is a variant version of an individual font in a font family,
for example, Adobe Garamond Bold or Italic. The actual names vary
from family to family. Typically, the Roman, or the Plain, member of
a font family is the base font, which may include type styles such as
regular, bold, demi, ultra, black, condensed expanded, light, italic,
and bold italic.
.
Type
WD131: Fundamentals of Design
Unit 6: Type
Module 2: Introduction to Classifications and Physical Characteristics
of Type
 Font
 Typeface
 Type style
There are three types of fonts:
•Serif
•Sans Serif
•Script
Type
WD131: Fundamentals of Design
Unit 6: Type
Module 2: Introduction to Classifications and Physical Characteristics
of Type
Serif, or Roman, fonts have serifs, or
little feet, at the end of each stroke. This
convention began with the carving of
the Roman alphabet. It was necessary to
make a larger cut at the beginning of
each stroke to prevent chipping.
Examples of Serif Fonts:
Palatino, Times, and Baskerville.
Type
WD131: Fundamentals of Design
Unit 6: Type
Module 2: Introduction to Classifications and Physical Characteristics
of Type
Sans Serif fonts do not have serifs or
little feet at the end of each stroke. Sans
Serif fonts are more difficult to read
because there is no serif to lead the eye
from word to word.
Examples of Sans Serif Fonts:
Arial, Futura, and Helvetica.
Type
WD131: Fundamentals of Design
Unit 6: Type
Module 2: Introduction to Classifications and Physical Characteristics
of Type
Script, or Fancy, fonts evolved from hand
lettered manuscripts of medieval times.
Script fonts are difficult to read because
of the flourishes and adornments and
should not be used as body copy.
Examples of Script Fonts:
Edwardian Script, and Zapfino.
Type
WD131: Fundamentals of Design
Unit 6: Type
Module 2: Introduction to Classifications and Physical Characteristics
of Type

More Related Content

Similar to Wd131 unit 6 module 2 introduction to classifications

Categories of fonts
Categories of fontsCategories of fonts
Categories of fontsSally Garza
 
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
 
Unit2 type anatomy_categories_spacing
Unit2 type anatomy_categories_spacingUnit2 type anatomy_categories_spacing
Unit2 type anatomy_categories_spacingLauren Bratslavsky
 
The Art and Science of Fonts.pdf
The Art and Science of Fonts.pdfThe Art and Science of Fonts.pdf
The Art and Science of Fonts.pdfTEWMAGAZINE
 
Typographers glossary
Typographers glossaryTypographers glossary
Typographers glossaryXuan Le
 
Learn more About Typography Art Technique
Learn more About Typography Art TechniqueLearn more About Typography Art Technique
Learn more About Typography Art TechniqueRavi Bhadauria
 
Lec14 15 16 text
Lec14 15 16 textLec14 15 16 text
Lec14 15 16 textDom Mike
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typographyMigle Migle
 
Typography in UI Design
Typography in UI DesignTypography in UI Design
Typography in UI DesignSusmita Khare
 
Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A PresentationGraeme Smith
 
all about typography interactivect.pdf
all about typography interactivect.pdfall about typography interactivect.pdf
all about typography interactivect.pdfjb00007
 
Week 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptxWeek 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptxWahyuRafdinal1
 
Type faces
Type facesType faces
Type facesJo Lowes
 
Design and type terms explained
Design and  type terms explainedDesign and  type terms explained
Design and type terms explainedJo Lowes
 

Similar to Wd131 unit 6 module 2 introduction to classifications (20)

Categories of fonts
Categories of fontsCategories of fonts
Categories of fonts
 
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...
 
Font Basics - a small introduction
Font Basics - a small introductionFont Basics - a small introduction
Font Basics - a small introduction
 
10 typeface basics.fi_xed
10 typeface basics.fi_xed10 typeface basics.fi_xed
10 typeface basics.fi_xed
 
Unit2 type anatomy_categories_spacing
Unit2 type anatomy_categories_spacingUnit2 type anatomy_categories_spacing
Unit2 type anatomy_categories_spacing
 
Font type research
Font type researchFont type research
Font type research
 
Types of Fonts
Types of FontsTypes of Fonts
Types of Fonts
 
The Art and Science of Fonts.pdf
The Art and Science of Fonts.pdfThe Art and Science of Fonts.pdf
The Art and Science of Fonts.pdf
 
Typographers glossary
Typographers glossaryTypographers glossary
Typographers glossary
 
Learn more About Typography Art Technique
Learn more About Typography Art TechniqueLearn more About Typography Art Technique
Learn more About Typography Art Technique
 
Typeface 2.pdf
Typeface 2.pdfTypeface 2.pdf
Typeface 2.pdf
 
Lec14 15 16 text
Lec14 15 16 textLec14 15 16 text
Lec14 15 16 text
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typography
 
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
 
all about typography interactivect.pdf
all about typography interactivect.pdfall about typography interactivect.pdf
all about typography interactivect.pdf
 
Character generation
Character generationCharacter generation
Character generation
 
Week 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptxWeek 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptx
 
Type faces
Type facesType faces
Type faces
 
Design and type terms explained
Design and  type terms explainedDesign and  type terms explained
Design and type terms explained
 

More from kateridrex

Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)kateridrex
 
Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)kateridrex
 
Dig imag unit 11 module 4(2) creating slices in an image
Dig imag unit 11 module 4(2) creating slices in an imageDig imag unit 11 module 4(2) creating slices in an image
Dig imag unit 11 module 4(2) creating slices in an imagekateridrex
 
Dig imag unit 11 module 4 creating slices in an image
Dig imag unit 11 module 4 creating slices in an imageDig imag unit 11 module 4 creating slices in an image
Dig imag unit 11 module 4 creating slices in an imagekateridrex
 
Dig imag unit 11 module 3 creating buttons
Dig imag unit 11 module 3 creating buttonsDig imag unit 11 module 3 creating buttons
Dig imag unit 11 module 3 creating buttonskateridrex
 
Dig imag unit 11 module 1 understanding web graphics
Dig imag unit 11 module 1 understanding web graphicsDig imag unit 11 module 1 understanding web graphics
Dig imag unit 11 module 1 understanding web graphicskateridrex
 
Dig imag unit 10 module 1 advanced type effects
Dig imag unit 10 module 1 advanced type effectsDig imag unit 10 module 1 advanced type effects
Dig imag unit 10 module 1 advanced type effectskateridrex
 
Dig imag unit 9 module 2 modifying shapes
Dig imag unit 9 module 2 modifying shapesDig imag unit 9 module 2 modifying shapes
Dig imag unit 9 module 2 modifying shapeskateridrex
 
Dig imag unit 9 module 1 working with the pen tool
Dig imag unit 9 module 1 working with the pen toolDig imag unit 9 module 1 working with the pen tool
Dig imag unit 9 module 1 working with the pen toolkateridrex
 
Dig imag unit 8 module 3 making color corrections
Dig imag unit 8 module 3 making color correctionsDig imag unit 8 module 3 making color corrections
Dig imag unit 8 module 3 making color correctionskateridrex
 
Dig imag unit 8 module 2 creating and saving alpha channels
Dig imag unit 8 module 2 creating and saving alpha channelsDig imag unit 8 module 2 creating and saving alpha channels
Dig imag unit 8 module 2 creating and saving alpha channelskateridrex
 
Dig imag unit 8 module 1 understanding channels
Dig imag unit 8 module 1 understanding channelsDig imag unit 8 module 1 understanding channels
Dig imag unit 8 module 1 understanding channelskateridrex
 
Dig imag unit 7 module 2 adjusting filters
Dig imag unit 7 module 2 adjusting filtersDig imag unit 7 module 2 adjusting filters
Dig imag unit 7 module 2 adjusting filterskateridrex
 
Dig imag unit 7 module 1 understanding and implementing filters
Dig imag unit 7 module 1 understanding and implementing filtersDig imag unit 7 module 1 understanding and implementing filters
Dig imag unit 7 module 1 understanding and implementing filterskateridrex
 
Dig imag unit 6 module 3 using clipping masks
Dig imag unit 6 module 3 using clipping masksDig imag unit 6 module 3 using clipping masks
Dig imag unit 6 module 3 using clipping maskskateridrex
 
Dig imag unit 6 module 2 using adjustment layers
Dig imag unit 6 module 2 using adjustment layersDig imag unit 6 module 2 using adjustment layers
Dig imag unit 6 module 2 using adjustment layerskateridrex
 
Dig imag unit 6 module 1 working with layer masks
Dig imag unit 6 module 1 working with layer masksDig imag unit 6 module 1 working with layer masks
Dig imag unit 6 module 1 working with layer maskskateridrex
 
Dig imag unit 5 module 2 using the various painting tools
Dig imag unit 5 module 2 using the various painting toolsDig imag unit 5 module 2 using the various painting tools
Dig imag unit 5 module 2 using the various painting toolskateridrex
 
Dig imag unit 5 module 1 learning about brush types and properties
Dig imag unit 5 module 1 learning about brush types and propertiesDig imag unit 5 module 1 learning about brush types and properties
Dig imag unit 5 module 1 learning about brush types and propertieskateridrex
 
Dig imag unit 4 module 3 creating path text
Dig imag unit 4 module 3 creating path textDig imag unit 4 module 3 creating path text
Dig imag unit 4 module 3 creating path textkateridrex
 

More from kateridrex (20)

Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)
 
Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)Dig imag unit 11 module 4 creating slices in an image (2)
Dig imag unit 11 module 4 creating slices in an image (2)
 
Dig imag unit 11 module 4(2) creating slices in an image
Dig imag unit 11 module 4(2) creating slices in an imageDig imag unit 11 module 4(2) creating slices in an image
Dig imag unit 11 module 4(2) creating slices in an image
 
Dig imag unit 11 module 4 creating slices in an image
Dig imag unit 11 module 4 creating slices in an imageDig imag unit 11 module 4 creating slices in an image
Dig imag unit 11 module 4 creating slices in an image
 
Dig imag unit 11 module 3 creating buttons
Dig imag unit 11 module 3 creating buttonsDig imag unit 11 module 3 creating buttons
Dig imag unit 11 module 3 creating buttons
 
Dig imag unit 11 module 1 understanding web graphics
Dig imag unit 11 module 1 understanding web graphicsDig imag unit 11 module 1 understanding web graphics
Dig imag unit 11 module 1 understanding web graphics
 
Dig imag unit 10 module 1 advanced type effects
Dig imag unit 10 module 1 advanced type effectsDig imag unit 10 module 1 advanced type effects
Dig imag unit 10 module 1 advanced type effects
 
Dig imag unit 9 module 2 modifying shapes
Dig imag unit 9 module 2 modifying shapesDig imag unit 9 module 2 modifying shapes
Dig imag unit 9 module 2 modifying shapes
 
Dig imag unit 9 module 1 working with the pen tool
Dig imag unit 9 module 1 working with the pen toolDig imag unit 9 module 1 working with the pen tool
Dig imag unit 9 module 1 working with the pen tool
 
Dig imag unit 8 module 3 making color corrections
Dig imag unit 8 module 3 making color correctionsDig imag unit 8 module 3 making color corrections
Dig imag unit 8 module 3 making color corrections
 
Dig imag unit 8 module 2 creating and saving alpha channels
Dig imag unit 8 module 2 creating and saving alpha channelsDig imag unit 8 module 2 creating and saving alpha channels
Dig imag unit 8 module 2 creating and saving alpha channels
 
Dig imag unit 8 module 1 understanding channels
Dig imag unit 8 module 1 understanding channelsDig imag unit 8 module 1 understanding channels
Dig imag unit 8 module 1 understanding channels
 
Dig imag unit 7 module 2 adjusting filters
Dig imag unit 7 module 2 adjusting filtersDig imag unit 7 module 2 adjusting filters
Dig imag unit 7 module 2 adjusting filters
 
Dig imag unit 7 module 1 understanding and implementing filters
Dig imag unit 7 module 1 understanding and implementing filtersDig imag unit 7 module 1 understanding and implementing filters
Dig imag unit 7 module 1 understanding and implementing filters
 
Dig imag unit 6 module 3 using clipping masks
Dig imag unit 6 module 3 using clipping masksDig imag unit 6 module 3 using clipping masks
Dig imag unit 6 module 3 using clipping masks
 
Dig imag unit 6 module 2 using adjustment layers
Dig imag unit 6 module 2 using adjustment layersDig imag unit 6 module 2 using adjustment layers
Dig imag unit 6 module 2 using adjustment layers
 
Dig imag unit 6 module 1 working with layer masks
Dig imag unit 6 module 1 working with layer masksDig imag unit 6 module 1 working with layer masks
Dig imag unit 6 module 1 working with layer masks
 
Dig imag unit 5 module 2 using the various painting tools
Dig imag unit 5 module 2 using the various painting toolsDig imag unit 5 module 2 using the various painting tools
Dig imag unit 5 module 2 using the various painting tools
 
Dig imag unit 5 module 1 learning about brush types and properties
Dig imag unit 5 module 1 learning about brush types and propertiesDig imag unit 5 module 1 learning about brush types and properties
Dig imag unit 5 module 1 learning about brush types and properties
 
Dig imag unit 4 module 3 creating path text
Dig imag unit 4 module 3 creating path textDig imag unit 4 module 3 creating path text
Dig imag unit 4 module 3 creating path text
 

Wd131 unit 6 module 2 introduction to classifications

  • 1. It’s important to understand the differ type terminology. Do you know the difference between a font and a typeface? How about a font and type family? What is a type style? Type WD131: Fundamentals of Design Unit 6: Type Module 2: Introduction to Classifications and Physical Characteristics of Type
  • 2. A font, such as 10pt Adobe Garamond Bold, is a complete set of characters for one typeface including upper case letters; lower case letters; numerals; punctuation; and symbols that share a common weight, width, and style. Type WD131: Fundamentals of Design Unit 6: Type Module 2: Introduction to Classifications and Physical Characteristics of Type  Font  Typeface  Type style
  • 3. Typefaces are often called type families or font families. These are collections of fonts that share an overall appearance and are designed to be used together, such as Adobe Garamond. . Type WD131: Fundamentals of Design Unit 6: Type Module 2: Introduction to Classifications and Physical Characteristics of Type  Font  Typeface  Type style
  • 4. A type style is a variant version of an individual font in a font family, for example, Adobe Garamond Bold or Italic. The actual names vary from family to family. Typically, the Roman, or the Plain, member of a font family is the base font, which may include type styles such as regular, bold, demi, ultra, black, condensed expanded, light, italic, and bold italic. . Type WD131: Fundamentals of Design Unit 6: Type Module 2: Introduction to Classifications and Physical Characteristics of Type  Font  Typeface  Type style
  • 5. There are three types of fonts: •Serif •Sans Serif •Script Type WD131: Fundamentals of Design Unit 6: Type Module 2: Introduction to Classifications and Physical Characteristics of Type
  • 6. Serif, or Roman, fonts have serifs, or little feet, at the end of each stroke. This convention began with the carving of the Roman alphabet. It was necessary to make a larger cut at the beginning of each stroke to prevent chipping. Examples of Serif Fonts: Palatino, Times, and Baskerville. Type WD131: Fundamentals of Design Unit 6: Type Module 2: Introduction to Classifications and Physical Characteristics of Type
  • 7. Sans Serif fonts do not have serifs or little feet at the end of each stroke. Sans Serif fonts are more difficult to read because there is no serif to lead the eye from word to word. Examples of Sans Serif Fonts: Arial, Futura, and Helvetica. Type WD131: Fundamentals of Design Unit 6: Type Module 2: Introduction to Classifications and Physical Characteristics of Type
  • 8. Script, or Fancy, fonts evolved from hand lettered manuscripts of medieval times. Script fonts are difficult to read because of the flourishes and adornments and should not be used as body copy. Examples of Script Fonts: Edwardian Script, and Zapfino. Type WD131: Fundamentals of Design Unit 6: Type Module 2: Introduction to Classifications and Physical Characteristics of Type