1. Typography K1066BI – Graphical Design Teppo Räisänen Teppo.raisanen@oamk.fi

2. Typography From Greek words ▫τύπος (typos) = form ▫γραφή (graphy) = writing It is the art and technique of arranging type, type design, and modifying type glyphs

3. Typography From Greek words ▫τύπος (typos) = form ▫γραφή (graphy) = writing It is the art and technique of arranging type, type design, and modifying type glyphs ▫Representing spoken language in written form

4. Typography After the invent of printing press, the basic element of typography was type Type ▫Represents a particular letter or symbol a = face, b = body, c = point size, 1 = shoulder, 2 = nick, 3 = groove, 4 = foot

5. Typography Typesetting ▫Composition of text material by means of types Type design ▫Art of designing typefaces Typeface ▫a set of one or more fonts, in one or more sizes, designed with stylistic unity, each comprising a coordinated set of glyphs Type glyph ▫a particular graphical representation, in a particular typeface, of an element of written language

6. Typography

7. In digital era typeface and font are often used interchangably Typeface represents font-families ▫Arial is a typeface ▫Italic, bold and roman versions of Arial are fonts

8. Typesetting Typesetting involves the selection of ▫Typefaces ▫Point sizes ▫Line length ▫Leading (line spacing) ▫Tracking (letter spacing) ▫Kerning (letter spacing)

9. Leading This paragraph has single line spacing ▫The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. This paragraph has 1.5 line spacing ▫The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. This paragraph has double line spacing ▫The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog.

10. Tracking vs kerning Tracking affects letter spacing evenly Kerning handles each two letters independently

11. Assignment Experiment with line spacing, tracking and kerning in Word ▫Note that Word is not proper tool for this. We should use Adobe InDesign or similar product.