SlideShare a Scribd company logo
1 of 16
T YTypos G R A P H Y
   PO      Grapho




       form            write
 the art and technique of selecting
     and arranging type styles,
 point sizes, line lengths, character
     spacing, and word spacing.
Basic Terms
Typeface      is a set of character (letters,
numerals, and symbols) with similar design
features.
Point    size   is the height of a
letterform, traditionally measured in
points. There are 72 points to an inch.
The smaller the point size, the smaller
the type.

                 Point 20
                Point 30
             Point 40
           Point 60
Weight       refers to the thickness of the strokes
that make up a letterform. Common weights are
regular, bold, and ultra bold. Thin, delicate type is
generally not as easy to read onscreen as regular
or bold type.



                Arial Regular
                  Arial Bold
               Arial Extra Bold
Spacing          is the space between letters
(letterspacing, words (word spacing), and
vertical lines of text (leading). Letterspacing,
word spacing, and leading are all factors that
influence the readability and expressiveness
of the text. Text spaced too closely or too far
apart can be difficult to read onscreen.
Categories of Typefaces
Roman
The roman typeface style originated with Roman
stonemasons who, with iron chisles, cut the
letterforms into stone. The ends of the incised lines
were often ragged, requiring the stonemason to
make a short cut at the ends of the incised lines to
clean up the letter stroke. This extra cut was called a
serif.  Roman typefaces typically have thick and
thin variations in their letter strokes, and serifs
range from moderately to extremely pointed.
sans serifs
serifs
Roman typefaces are commonly used in body
 copy, as they are considered easy to read.


                       Garamond:
   The quick brown fox jumps over the head of the lazy dog.

                    Times New Roman:
   The quick brown fox jumps over the head of the lazy dog.

                      Rockwell:
The quick brown fox jumps over the head of the lazy dog.
Sans-serif fonts

 Sans serif means “without serifs”.Sans serifs
 have modern appearance and feel and can
 be very easy to read. They hold together well
 at small sizes and are generally a good
 choice for headlines copy and body text.
Arial:
The quick brown fox jumps over the head of the lazy
                       dog.

                     Tahoma:
The quick brown fox jumps over the head of the lazy
                       dog.

                  Verdana:
  The quick brown fox jumps over the head
               of the lazy dog.
Script
Script typefaces can convey the feeling of
handwritten designs. Some script typefaces can be
hard to read, especially in blocks of text that are
all capital letters. Furthermore, the delicate letter
strokes of some script typefaces make them hard to
read at smaller sizes. They are best used sparingly
and for headlines.
Brush Script MT:
 The quick brown fox jumps over the head of the lazy dog.

          Lucida Handwriting:
The quick brown fox jumps over the head
            of the lazy dog.

           Script MT Bold:
The quick brown fox jumps over the head
             of the lazy dog.
Decorative



      When a typeface design is hard to categorize, it is
  dropped into the decorative category. There are no
particular design limits for this category. Many of these
typefaces can be extremely difficult to read and are best
 used for display or headline copy instead of body text.
The advantage of using decorative typefaces is that they
   can quickly establish a mood, time period, or style.
Harlow Solid Italic
The quick brown fox jumps over the head of the
                  lazy dog.


                  Curlz MT
The quick brown fox jumps over the head of the
                  lazy dog.

             Jokerman
 The quick brown fox jumps over the
               head
          of the lazy dog.

More Related Content

What's hot

Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A PresentationGraeme Smith
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typographyMigle Migle
 
Unit2 type anatomy_categories_spacing
Unit2 type anatomy_categories_spacingUnit2 type anatomy_categories_spacing
Unit2 type anatomy_categories_spacingLauren Bratslavsky
 
Designing your own font
Designing your own fontDesigning your own font
Designing your own fontiamlejen
 
Styles of lettering
Styles of letteringStyles of lettering
Styles of letteringMiaTea1
 
The Power of Typography
The Power of TypographyThe Power of Typography
The Power of Typography[x]cube LABS
 
Typography Primer | ADOBE
Typography Primer | ADOBETypography Primer | ADOBE
Typography Primer | ADOBEAlberto R
 
4. typographic terms vy pham
4. typographic terms vy pham4. typographic terms vy pham
4. typographic terms vy phamvy_pham96
 
Initital research task 1
Initital research   task 1Initital research   task 1
Initital research task 1hayleylou11
 
Engineering drawing (engineering lettering) lesson 3
Engineering drawing (engineering lettering) lesson 3Engineering drawing (engineering lettering) lesson 3
Engineering drawing (engineering lettering) lesson 3hermiraguilar
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1Jennifer Janviere
 

What's hot (20)

Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A Presentation
 
Font new edit
Font new editFont new edit
Font new edit
 
Typography
TypographyTypography
Typography
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typography
 
Unit2 type anatomy_categories_spacing
Unit2 type anatomy_categories_spacingUnit2 type anatomy_categories_spacing
Unit2 type anatomy_categories_spacing
 
Font Basics - a small introduction
Font Basics - a small introductionFont Basics - a small introduction
Font Basics - a small introduction
 
Typography class 2
Typography class 2Typography class 2
Typography class 2
 
Designing your own font
Designing your own fontDesigning your own font
Designing your own font
 
Typography
TypographyTypography
Typography
 
Styles of lettering
Styles of letteringStyles of lettering
Styles of lettering
 
The Power of Typography
The Power of TypographyThe Power of Typography
The Power of Typography
 
Typography
TypographyTypography
Typography
 
Typography Primer | ADOBE
Typography Primer | ADOBETypography Primer | ADOBE
Typography Primer | ADOBE
 
Typography
TypographyTypography
Typography
 
4. typographic terms vy pham
4. typographic terms vy pham4. typographic terms vy pham
4. typographic terms vy pham
 
Typography class 3
Typography class 3Typography class 3
Typography class 3
 
Typography
TypographyTypography
Typography
 
Initital research task 1
Initital research   task 1Initital research   task 1
Initital research task 1
 
Engineering drawing (engineering lettering) lesson 3
Engineering drawing (engineering lettering) lesson 3Engineering drawing (engineering lettering) lesson 3
Engineering drawing (engineering lettering) lesson 3
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
 

Viewers also liked

What's Next in Growth? 2016
What's Next in Growth? 2016What's Next in Growth? 2016
What's Next in Growth? 2016Andrew Chen
 
The Outcome Economy
The Outcome EconomyThe Outcome Economy
The Outcome EconomyHelge Tennø
 
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
32 Ways a Digital Marketing Consultant Can Help Grow Your Business32 Ways a Digital Marketing Consultant Can Help Grow Your Business
32 Ways a Digital Marketing Consultant Can Help Grow Your BusinessBarry Feldman
 

Viewers also liked (7)

Text and typography1
Text and typography1Text and typography1
Text and typography1
 
Animation
AnimationAnimation
Animation
 
Funny images
Funny imagesFunny images
Funny images
 
What a wonderful world.pptx2
What a wonderful world.pptx2What a wonderful world.pptx2
What a wonderful world.pptx2
 
What's Next in Growth? 2016
What's Next in Growth? 2016What's Next in Growth? 2016
What's Next in Growth? 2016
 
The Outcome Economy
The Outcome EconomyThe Outcome Economy
The Outcome Economy
 
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
32 Ways a Digital Marketing Consultant Can Help Grow Your Business32 Ways a Digital Marketing Consultant Can Help Grow Your Business
32 Ways a Digital Marketing Consultant Can Help Grow Your Business
 

Similar to Text and typography

Categories of fonts
Categories of fontsCategories of fonts
Categories of fontsSally Garza
 
Importance of Fonts
Importance of FontsImportance of Fonts
Importance of FontsTibyaan
 
Typecurious: A Typography Crash Course
Typecurious: A Typography Crash CourseTypecurious: A Typography Crash Course
Typecurious: A Typography Crash CourseDigital Surgeons
 
typography 101.pdf
typography 101.pdftypography 101.pdf
typography 101.pdfjb00007
 
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
 
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...prologuitoedic
 
all about typography interactivect.pdf
all about typography interactivect.pdfall about typography interactivect.pdf
all about typography interactivect.pdfjb00007
 
How to Choose Fonts: A Practical Guide to Web-Optimized Typefaces
How to Choose Fonts: A Practical Guide to Web-Optimized TypefacesHow to Choose Fonts: A Practical Guide to Web-Optimized Typefaces
How to Choose Fonts: A Practical Guide to Web-Optimized Typefacesmick_winters
 
What is topography
What is topographyWhat is topography
What is topographyAnushayAkbar
 

Similar to Text and typography (20)

Categories of fonts
Categories of fontsCategories of fonts
Categories of fonts
 
Importance of Fonts
Importance of FontsImportance of Fonts
Importance of Fonts
 
Fonts
FontsFonts
Fonts
 
Typecurious: A Typography Crash Course
Typecurious: A Typography Crash CourseTypecurious: A Typography Crash Course
Typecurious: A Typography Crash Course
 
typography 101.pdf
typography 101.pdftypography 101.pdf
typography 101.pdf
 
Describing type
Describing typeDescribing type
Describing type
 
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...
 
Typography
TypographyTypography
Typography
 
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
 
10 typeface basics.fi_xed
10 typeface basics.fi_xed10 typeface basics.fi_xed
10 typeface basics.fi_xed
 
Font shop book
Font shop bookFont shop book
Font shop book
 
all about typography interactivect.pdf
all about typography interactivect.pdfall about typography interactivect.pdf
all about typography interactivect.pdf
 
Meet your type
Meet your typeMeet your type
Meet your type
 
How to Choose Fonts: A Practical Guide to Web-Optimized Typefaces
How to Choose Fonts: A Practical Guide to Web-Optimized TypefacesHow to Choose Fonts: A Practical Guide to Web-Optimized Typefaces
How to Choose Fonts: A Practical Guide to Web-Optimized Typefaces
 
Topography
TopographyTopography
Topography
 
What is topography
What is topographyWhat is topography
What is topography
 
What is topography
What is topographyWhat is topography
What is topography
 
LETTERING STYLES.pptx
LETTERING STYLES.pptxLETTERING STYLES.pptx
LETTERING STYLES.pptx
 
Typography Basics for DTP
Typography Basics for DTPTypography Basics for DTP
Typography Basics for DTP
 
Topic 3
Topic 3Topic 3
Topic 3
 

More from Maria Joanna Atuel

More from Maria Joanna Atuel (8)

Determining the intensity
Determining the intensityDetermining the intensity
Determining the intensity
 
Calculating pai
Calculating paiCalculating pai
Calculating pai
 
Physical fitness recap
Physical fitness recapPhysical fitness recap
Physical fitness recap
 
Warm up and cool down
Warm up and cool downWarm up and cool down
Warm up and cool down
 
Phases of sprinting
Phases of sprintingPhases of sprinting
Phases of sprinting
 
Understanding and creating an exercise program
Understanding and creating an exercise programUnderstanding and creating an exercise program
Understanding and creating an exercise program
 
Warm up and cool down
Warm up and cool downWarm up and cool down
Warm up and cool down
 
Jogging
JoggingJogging
Jogging
 

Text and typography

  • 1.
  • 2. T YTypos G R A P H Y PO Grapho form write the art and technique of selecting and arranging type styles, point sizes, line lengths, character spacing, and word spacing.
  • 3. Basic Terms Typeface is a set of character (letters, numerals, and symbols) with similar design features.
  • 4. Point size is the height of a letterform, traditionally measured in points. There are 72 points to an inch. The smaller the point size, the smaller the type. Point 20 Point 30 Point 40 Point 60
  • 5. Weight refers to the thickness of the strokes that make up a letterform. Common weights are regular, bold, and ultra bold. Thin, delicate type is generally not as easy to read onscreen as regular or bold type. Arial Regular Arial Bold Arial Extra Bold
  • 6. Spacing is the space between letters (letterspacing, words (word spacing), and vertical lines of text (leading). Letterspacing, word spacing, and leading are all factors that influence the readability and expressiveness of the text. Text spaced too closely or too far apart can be difficult to read onscreen.
  • 8. Roman The roman typeface style originated with Roman stonemasons who, with iron chisles, cut the letterforms into stone. The ends of the incised lines were often ragged, requiring the stonemason to make a short cut at the ends of the incised lines to clean up the letter stroke. This extra cut was called a serif. Roman typefaces typically have thick and thin variations in their letter strokes, and serifs range from moderately to extremely pointed.
  • 10. Roman typefaces are commonly used in body copy, as they are considered easy to read. Garamond: The quick brown fox jumps over the head of the lazy dog. Times New Roman: The quick brown fox jumps over the head of the lazy dog. Rockwell: The quick brown fox jumps over the head of the lazy dog.
  • 11. Sans-serif fonts Sans serif means “without serifs”.Sans serifs have modern appearance and feel and can be very easy to read. They hold together well at small sizes and are generally a good choice for headlines copy and body text.
  • 12. Arial: The quick brown fox jumps over the head of the lazy dog. Tahoma: The quick brown fox jumps over the head of the lazy dog. Verdana: The quick brown fox jumps over the head of the lazy dog.
  • 13. Script Script typefaces can convey the feeling of handwritten designs. Some script typefaces can be hard to read, especially in blocks of text that are all capital letters. Furthermore, the delicate letter strokes of some script typefaces make them hard to read at smaller sizes. They are best used sparingly and for headlines.
  • 14. Brush Script MT: The quick brown fox jumps over the head of the lazy dog. Lucida Handwriting: The quick brown fox jumps over the head of the lazy dog. Script MT Bold: The quick brown fox jumps over the head of the lazy dog.
  • 15. Decorative When a typeface design is hard to categorize, it is dropped into the decorative category. There are no particular design limits for this category. Many of these typefaces can be extremely difficult to read and are best used for display or headline copy instead of body text. The advantage of using decorative typefaces is that they can quickly establish a mood, time period, or style.
  • 16. Harlow Solid Italic The quick brown fox jumps over the head of the lazy dog. Curlz MT The quick brown fox jumps over the head of the lazy dog. Jokerman The quick brown fox jumps over the head of the lazy dog.