typograpy. type type - categories serif fonts oldstyle transitional modern slab serif sans serif...
TRANSCRIPT
![Page 1: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/1.jpg)
Typograpy
![Page 2: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/2.jpg)
Type
![Page 3: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/3.jpg)
Type - Categories
Serif Fonts Oldstyle Transitional Modern Slab Serif
Sans Serif Fonts
ScriptDecorativeMonospaced
![Page 4: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/4.jpg)
Type - Categories
Serif Fonts Oldstyle: Times, Garamond
smooth transitions between thick and thin strokes rounded (bracketed) serifs, slanted serifs diagonal stress
Transitional: Baskerville transition between oldstyle & modern Squared off serifs
Modern: Bodoni, Didot obvious transition between thick and thin strokes angular (unbracketed serifs) vertical stress
Slab Serif: Memphis, Rockwell Slight transitions between thick and thin strokes Serifs are thick, fat, horizontal vertical stress
![Page 5: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/5.jpg)
Type - Categories
Sans Serif Fonts: Arial, Helvetica, Futura, Franklin Gothic Without serifs Usually monoweight: no thick to thin transitions Large x-height
Script
Decorative - experimental, graphic
![Page 6: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/6.jpg)
Type - Categories
Monospaced - uniform spacing (fixed-width)
Proportionately spaced fonts – font rules determine the width of the characters and space around each character (kerning-pairs)
![Page 7: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/7.jpg)
Type - Size Points (1/72 inch) Pica (1 pica = 12 points) – often used to measure width
10, 12, 14, 16, 18, 24, 32, 36
X-height: height of lowercase letters excluding ascenders and descenders
Web (CSS) Absolute units (points, picas, millimeters, centimeters, inches) Relative units (em, ex, pixel, %)
![Page 8: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/8.jpg)
Terminology - spacing
Horizontal Spacing Kerning
Horizontal space between individual letters
Tracking Horizontal space between all characters (across word, line, column)
Web (CSS properties) letter-spacing word-spacing
![Page 9: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/9.jpg)
Terminology - spacing
Vertical Spacing Leading
Vertical Spacing between lines of text
Web (CSS properties) Line-height
![Page 10: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/10.jpg)
Terminology - leading
![Page 11: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/11.jpg)
Type
Legibility The ease with which type can be understood under normal
reading conditions Clarity and recognition of letterforms, weight and proportion, all
caps vs. lowercase, x-height, serif vs. sans serif
Readability The quality of attracting and holding a reader’s interest, the
comfort of the read Type size, letterspacing, word spacing, linespacing, line length
![Page 12: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/12.jpg)
Type
![Page 13: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/13.jpg)
Type
![Page 14: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/14.jpg)
Type
![Page 15: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/15.jpg)
Type
![Page 16: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/16.jpg)
Type
![Page 17: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/17.jpg)
Type
![Page 18: Typograpy. Type Type - Categories Serif Fonts Oldstyle Transitional Modern Slab Serif Sans Serif Fonts Script Decorative Monospaced](https://reader036.vdocuments.mx/reader036/viewer/2022062320/56649f445503460f94c648be/html5/thumbnails/18.jpg)
SourcesAn Introduction to Type http://graphicdesign.spokanefalls.edu/tutorials/process/type_basics/default.htm
Thinking with Type
http://www.papress.com/thinkingwithtype/text/tracking.htm