1. Art 368 WEB Design 1 Spring 2002 Type Two basic families:  Serif and Sans Serif Parts of all type Ascenders, descenders, baseline, etc. Leading= linespacing/paragraph Kerning

2. Cañada College Baseline Descender Cap Height Ascender X-Height Serif Stroke Thick Thin

3. Art 368 WEB Design 1 Spring 2002 Type Families t Serif (Readable) t Body Copy t Books, magazines t <14 point t Sans Serif (Legible) t 1816 then back again in 1920’s t Display Type t Posters t Headlines

4. Art 368 WEB Design 1 Spring 2002 Type Families and Fonts t A typeface family = Type Designer Caslon Bodoni Zapf Palatino OptimaMelior t William Caslon, Giambattista Bodoni, Aldus Manutius (15th Century), Hermann Zapf (Palatino, Optima, Melior) t Font = metal type t Adobe vs True Type (fonts?)

5. Art 368 WEB Design 1 Spring 2002 Type t Point system 72 points to an inch t Picas 1 pica= 12 points 6 picas to an inch t Pixels 72 pixels to an inch? Macintosh vs. Windows Monitors

6. Art 368 WEB Design 1 Spring 2002 Type t Problem with ALL CAPS Upper and Lower Case UPPER AND LOWER CASE

7. Art 368 WEB Design 1 Spring 2002 Type on the WEB t Controlling type t Default fonts and sizes t Browser text vs Graphic text

8. Art 368 WEB Design 1 Spring 2002 Type on the WEB t Controlling type t Browser text (those words typed in Dreamweaver) will fill the width of the window t Use tables or line breaks to control the length of a line of type

9. Art 368 WEB Design 1 Spring 2002 Type on the WEB t Default fonts and sizes t Usually 12 point Times but the user can set any type and any size as the default t Paragraph and Normal are Default t Heading applies to the entire paragraph and is relative in size to the Default size t 1-3 relatively larger, 4= the same, 5-6= relatively smaller t Select individual characters to add (+) to the size or subtract (-)

10. Art 368 WEB Design 1 Spring 2002 Type on the WEB t Variables t Browser default font t Browser default size t Resolution of the monitor t Windows vs Mac (Windows users can change the font size in Display) t Specifying a font in the HTML code which will override the default t Specifying a size in the HTML code which will override the default t Cascading Style Sheets

11. Art 368 WEB Design 1 Spring 2002 Type on the WEB t Variables t Proportional vs Monospaced (Preformatted or Teletype) t Logical vs Physical Styles t Emphasis vs Bold t Special Characters (~) (“ ”) t Underline and Italic (issues!)

12. Art 368 WEB Design 1 Spring 2002 Type on the WEB t Browser text vs Graphic text t Cross-platform fonts t Arial, Arial Black, comic Sans, Courier New, Impact, Times New Roman, Verdana, and Webdings

13. Art 368 WEB Design 1 Spring 2002 Sample Display Type

14. Art 368 WEB Design 1 Spring 2002 Sample Display Type

15. Art 368 WEB Design 1 Spring 2002 Sample Display Type

16. Art 368 WEB Design 1 Spring 2002 Sample Display Type

17. Art 368 WEB Design 1 Spring 2002 Sample Display Type

18. Art 368 WEB Design 1 Spring 2002 Sample Display Type

19. Art 368 WEB Design 1 Spring 2002 Sample Display Type

20. Art 368 WEB Design 1 Spring 2002 Sample Display Type

21. Art 368 WEB Design 1 Spring 2002

22. Art 368 WEB Design 1 Spring 2002 Objects Replacing Characters

23. Art 368 WEB Design 1 Spring 2002

24. Art 368 WEB Design 1 Spring 2002 Type Alignment