Typography K1066BI – Graphical Design Teppo Räisänen

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

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

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

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

Typography

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

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

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.

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

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.