Typeface Spacing Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Typeface Spacing Monospace Proportional Leading Kerning Tracking
Monospaced Typefaces Each letter takes up the same amount of space regardless of the letter size. Advantages Easier to see thin punctuation marks. Similar characters look more different. If limited to a certain number of characters per line, each line will look alike. Used often in  computer programming and biology  Courier is monospaced
Proportional Typefaces Proportional The amount of space each character takes up is adjusted to the width of that character. Therefore, an  i  is not as wide as an  m  and receives less space.   Advantages Does not take up as much space as monospaced typefaces. Easier to read. Used in  most documents and publications. Times New Roman is proportional
Proportional vs. Monospace
Leading The vertical spacing between lines of text. Pronounced “led-ding.” In most software programs,  it is referred to as line spacing. In Desktop Publishing, it is still referred to as leading because typesetters used long pieces of lead between the moveable type to create blank lines between the text.
Leading Continued If there were no space between the lines of text, the letters would touch the lines above and below them and would be extremely difficult to read. Used to: Slightly increase or decrease the length of a column of text so that  it is even with an adjacent column. To make a block of text fit in a space that is larger or smaller than the text block.
Leading Look in the nook to find the book that you  borrowed to read. Leading (vertical spacing between lines of text) Leading (vertical spacing between lines of text)
Kerning Horizontal spacing between  pairs  of letters Used  to add or subtract space between pairs of  letters  to create a more visually appealing and readable text. BOOK – before kerning.  –  after kerning the O’s.
Tracking Horizontal spacing between  all  of characters in a large block of text. Makes a block of text seem more open or more dense. Examples
Tracking Continued Makes a block of text more open and airy or more dense. Used to expand or contract a block of text for the purpose of aligning two columns.
Kerning, Leading, Tracking LOOK in the nook to find the book that you borrowed to read. Kerning (horizontal spacing between pairs of letters) Leading (vertical spacing between lines of text) Tracking (horizontal spacing between all characters in a large block of text.
Glossary Sites www.typenow.net/glossary.htm www.adobe.com/type/topics/glossary.html   www.typophile.com/wiki/Terminology
Useful Sites www.identifont.com www.typeculture.com www.typographi.com www.typophile.com http://www.dubbocoll-m.schools.nsw.edu.au/Training/DTP/DTPtypeface.htm http://www.x24d.com/blog/?p=34

More Related Content

PDF
Kerning, Leading, and Serifs, Oh my!
PPT
1.01 Typography PowerPoint
PPTX
Typography ppt
PDF
Typography Essentials: Part 2
PDF
Typography class 3
PDF
Typography manual2pages
PPTX
1.01 Typography Usability and Readability
PDF
Neoito — Typography for the web
Kerning, Leading, and Serifs, Oh my!
1.01 Typography PowerPoint
Typography ppt
Typography Essentials: Part 2
Typography class 3
Typography manual2pages
1.01 Typography Usability and Readability
Neoito — Typography for the web

Similar to 1.01 Typeface Spacing PowerPoint (20)

PPTX
Typography
PPS
VA1160 - Class 11
PPT
Chapter 2
PPT
Chapter 2 : TEXT
PPTX
Chapter 2.pptx multimedia and the uses inlife
PPTX
Typography
PPTX
Tips and Tricks how to use Typography
PDF
11. Typography data visualization .pdf
PDF
Type standards[1]
PPTX
Unit 2 graphics
PPTX
Basics of typography kerning
PDF
Dalton mag typo pdf
PPTX
Font new edit
PPTX
multimedia (2nd)
PPTX
the concept of typography and its anatomy
PPT
Paragraph formatting
PDF
Text Information and Media in Media and Information Lit
PDF
CHAPTER – 3 Text
PPT
Microsoft word basics ppt
Typography
VA1160 - Class 11
Chapter 2
Chapter 2 : TEXT
Chapter 2.pptx multimedia and the uses inlife
Typography
Tips and Tricks how to use Typography
11. Typography data visualization .pdf
Type standards[1]
Unit 2 graphics
Basics of typography kerning
Dalton mag typo pdf
Font new edit
multimedia (2nd)
the concept of typography and its anatomy
Paragraph formatting
Text Information and Media in Media and Information Lit
CHAPTER – 3 Text
Microsoft word basics ppt
Ad

More from cindymartin (6)

PPT
1.02 Principles of Design
PPT
1.02 Principles of Design
PPT
1.02 Principles of Design
PPT
1.03 DTP Design Features
PPT
1.03 layout of a desktop publishing document
PPT
1.03 Document Design PowerPoint
1.02 Principles of Design
1.02 Principles of Design
1.02 Principles of Design
1.03 DTP Design Features
1.03 layout of a desktop publishing document
1.03 Document Design PowerPoint
Ad

Recently uploaded (20)

PDF
Enhancing emotion recognition model for a student engagement use case through...
PDF
Architecture types and enterprise applications.pdf
PPTX
observCloud-Native Containerability and monitoring.pptx
PDF
sustainability-14-14877-v2.pddhzftheheeeee
PDF
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
PDF
Getting Started with Data Integration: FME Form 101
PDF
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
PPTX
The various Industrial Revolutions .pptx
PDF
A comparative study of natural language inference in Swahili using monolingua...
PDF
Zenith AI: Advanced Artificial Intelligence
PDF
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
PPTX
O2C Customer Invoices to Receipt V15A.pptx
PPTX
Tartificialntelligence_presentation.pptx
PDF
CloudStack 4.21: First Look Webinar slides
PDF
A review of recent deep learning applications in wood surface defect identifi...
PDF
WOOl fibre morphology and structure.pdf for textiles
PDF
Hybrid model detection and classification of lung cancer
PDF
Developing a website for English-speaking practice to English as a foreign la...
PPTX
Modernising the Digital Integration Hub
PDF
1 - Historical Antecedents, Social Consideration.pdf
Enhancing emotion recognition model for a student engagement use case through...
Architecture types and enterprise applications.pdf
observCloud-Native Containerability and monitoring.pptx
sustainability-14-14877-v2.pddhzftheheeeee
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
Getting Started with Data Integration: FME Form 101
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
The various Industrial Revolutions .pptx
A comparative study of natural language inference in Swahili using monolingua...
Zenith AI: Advanced Artificial Intelligence
From MVP to Full-Scale Product A Startup’s Software Journey.pdf
O2C Customer Invoices to Receipt V15A.pptx
Tartificialntelligence_presentation.pptx
CloudStack 4.21: First Look Webinar slides
A review of recent deep learning applications in wood surface defect identifi...
WOOl fibre morphology and structure.pdf for textiles
Hybrid model detection and classification of lung cancer
Developing a website for English-speaking practice to English as a foreign la...
Modernising the Digital Integration Hub
1 - Historical Antecedents, Social Consideration.pdf

1.01 Typeface Spacing PowerPoint

  • 1. Typeface Spacing Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
  • 2. Typeface Spacing Monospace Proportional Leading Kerning Tracking
  • 3. Monospaced Typefaces Each letter takes up the same amount of space regardless of the letter size. Advantages Easier to see thin punctuation marks. Similar characters look more different. If limited to a certain number of characters per line, each line will look alike. Used often in computer programming and biology Courier is monospaced
  • 4. Proportional Typefaces Proportional The amount of space each character takes up is adjusted to the width of that character. Therefore, an i is not as wide as an m and receives less space. Advantages Does not take up as much space as monospaced typefaces. Easier to read. Used in most documents and publications. Times New Roman is proportional
  • 6. Leading The vertical spacing between lines of text. Pronounced “led-ding.” In most software programs, it is referred to as line spacing. In Desktop Publishing, it is still referred to as leading because typesetters used long pieces of lead between the moveable type to create blank lines between the text.
  • 7. Leading Continued If there were no space between the lines of text, the letters would touch the lines above and below them and would be extremely difficult to read. Used to: Slightly increase or decrease the length of a column of text so that it is even with an adjacent column. To make a block of text fit in a space that is larger or smaller than the text block.
  • 8. Leading Look in the nook to find the book that you borrowed to read. Leading (vertical spacing between lines of text) Leading (vertical spacing between lines of text)
  • 9. Kerning Horizontal spacing between pairs of letters Used to add or subtract space between pairs of letters to create a more visually appealing and readable text. BOOK – before kerning. – after kerning the O’s.
  • 10. Tracking Horizontal spacing between all of characters in a large block of text. Makes a block of text seem more open or more dense. Examples
  • 11. Tracking Continued Makes a block of text more open and airy or more dense. Used to expand or contract a block of text for the purpose of aligning two columns.
  • 12. Kerning, Leading, Tracking LOOK in the nook to find the book that you borrowed to read. Kerning (horizontal spacing between pairs of letters) Leading (vertical spacing between lines of text) Tracking (horizontal spacing between all characters in a large block of text.
  • 13. Glossary Sites www.typenow.net/glossary.htm www.adobe.com/type/topics/glossary.html www.typophile.com/wiki/Terminology
  • 14. Useful Sites www.identifont.com www.typeculture.com www.typographi.com www.typophile.com http://www.dubbocoll-m.schools.nsw.edu.au/Training/DTP/DTPtypeface.htm http://www.x24d.com/blog/?p=34

Editor's Notes

  • #7: Teacher note: A good website to investigate for more information for yourself or for your students: http://designingfortheweb.co.uk/book/part3/part3_chapter14.php
  • #10: Kerning is most often used with text which has been enlarged since this tends to create too much space between individual letters.