Typography the art of using (text) fonts and font styles to produce professional looking publications the art of using (text) fonts and font styles to produce professional looking publications

Typeface Typeface is a collection of all the characters of a single type design (font) Typeface is a collection of all the characters of a single type design (font) Such as: Times New Roman Times New Roman Arial Arial Comic Sans Comic Sans Poster Bodoni Poster Bodoni Typo Upright Typo Upright

Typeface is a set of characters of the same design. Characters include letters, numbers, and symbols. Popular typefaces include Arial, Helvetica, Times, and Verdana. The term "typeface" is often confused with "font," which is a specific size and style of a typeface. For example, Times New Roman is a typeface, while Times New Roman 10 pt bold is a font. is a set of characters of the same design. Characters include letters, numbers, and symbols. Popular typefaces include Arial, Helvetica, Times, and Verdana. The term "typeface" is often confused with "font," which is a specific size and style of a typeface. For example, Times New Roman is a typeface, while Times New Roman 10 pt bold is a font.

6 Common Groups of Typeface Old Style Old Style Modern Modern Serif Serif Sans Serif Sans Serif Script Script Decorative Decorative

Use if you have lots of type you want people to actually read Oldstyle Thick/thin transition in strokes Diagonal stress Serif Serifs on lowercase letters are slanted Goudy

Modern Modern Not good choices for extended amounts of body copy Not good choices for extended amounts of body copy Thin lines almost disappear, thick lines are prominent Thin lines almost disappear, thick lines are prominent Effect on the page is called “dazzling” Effect on the page is called “dazzling”

Serif Used in children’s books because of clean, straightforward look Used in children’s books because of clean, straightforward look Examples: Examples: Times New Roman Times New Roman Californian Californian

Sans Serif “sans” (without) in French “sans” (without) in French No thick/thin transition No thick/thin transition Same thickness all the way around Same thickness all the way around Great for creating eye-catching pages Great for creating eye-catching pages

Script Like cheesecake- they should be used sparingly so nobody get sick Like cheesecake- they should be used sparingly so nobody get sick

Decorative Easy to identify, if the thought of reading an entire book in that font makes you wanna throw up, it falls under decorative Easy to identify, if the thought of reading an entire book in that font makes you wanna throw up, it falls under decorative Fun, distinctive Fun, distinctive Powerful use is limited Powerful use is limited Go beyond what you think of as its initial impression Go beyond what you think of as its initial impression Juice Chilly cooldots Juice Chilly cooldots

Type Family A Type Family is a set of typefaces created from the same font, but in different weights to add emphasis or contrast. A Type Family is a set of typefaces created from the same font, but in different weights to add emphasis or contrast. Such as: Bold Bold Italic Italic

Different Kinds of Typefaces Serif Serif A typeface with lines on curves extending from the ends of the letters A typeface with lines on curves extending from the ends of the letters A B C a b c

Different Kinds of Typefaces San Serif A typeface that is straight-edged

All About Letters x-height x-height The height of the body of all lowercase letters such as the letter x in a typeface. All lower case letters are designed to be no taller then the x-height. The height of the body of all lowercase letters such as the letter x in a typeface. All lower case letters are designed to be no taller then the x-height. a x c Baseline Baseline An imaginary horizontal line on which the bottom of letters rest. An imaginary horizontal line on which the bottom of letters rest.

Parts of Letters Ascender Ascender The lowercase letter that extend above the x-height – b, d, f, h, and l The lowercase letter that extend above the x-height – b, d, f, h, and l b x h

Parts of Letters Descender Descender The lowercase letters that fall below the baseline – g, j, p, and q The lowercase letters that fall below the baseline – g, j, p, and q g x j

Character Spacing Tracking Tracking A feature that enables you to adjust the relative space characters for selected text A feature that enables you to adjust the relative space characters for selected text Adjusts the space between a group of characters or words Adjusts the space between a group of characters or words

Character Spacing Kerning Kerning The process of “fine tuning” spacing by adjusting the space between characters The process of “fine tuning” spacing by adjusting the space between characters Adjusts the space between two characters Adjusts the space between two characters Leading Leading The vertical distance between lines The vertical distance between lines Adjusts the space between lines Adjusts the space between lines

Word Spacing en dash en dash A line (-) that is slightly longer than a hyphen (width of lower case n) and is used in place of the “to” or “through” such as A-Z. A line (-) that is slightly longer than a hyphen (width of lower case n) and is used in place of the “to” or “through” such as A-Z. em dash em dash A line (–) the width of the letter m, that is used to show a pause in a sentence such as “I – I won the sweepstakes!” A line (–) the width of the letter m, that is used to show a pause in a sentence such as “I – I won the sweepstakes!” Wordnspacing Wordmspacing

Em dash Width is equal to the lower case letter m in the current typeface at that type size Width is equal to the lower case letter m in the current typeface at that type size

En Dash Width is narrower Width is narrower Width of lower case n in that typeface Width of lower case n in that typeface Use in place of the word “to” or “through” Use in place of the word “to” or “through” Example A-Z Example A-Z

Reverse Type Reverse Type Reverse Type White or light colored text that appears against a darker background White or light colored text that appears against a darker background (this is an example of reverse type) (this is an example of reverse type)