Typography

Graphic Comm.

Mr. Jarrett

Learning Objectives

What is TypographyWhat is a SerifKerning, Tracking, & LeadingFont ClassificationsUsing Typography in a Design

What is Typography

The art of expressing ideas in printed form through the selection of appropriate typefaces.

Picking the best font style to go with your design

Helps to relay your message

What is a Serif?

The thickened tips or short finishing-off strokes at the top and bottom of a typeface character.

Top Serif

Bottom Serif

No Serif

No Serif

What is it called if a Font Type does not have a Serif?

San-Serif

Leading

The distance between lines of type.EX: Single spaced / Double spaced

Kerning

The adjustment of how a letter fits together with its immediate neighbor

Tracking

The overall adjustment of letter spacing throughout the entire word or paragraph.

Font Classifications

6 Different Font Classes

1. San Serif

2. Serif (Roman)3. Square Serif4. Script5. Old English6. Novelty

San SerifType without tails Used primarily for headlines, larger than

14pt, easily read from a distance.

Ex. Arial

Impact

Tahoma

Comic Sans MS

San Serif Example

Serif (Roman)Type with tailsUsed as body text, has thick and thin lines

Ex.Times New Roman

Palatino

StenCil

Wide Latin

Serif Example

Square SerifType that has square tailsCombination of Roman and San Serif

typeface (titles or body text)

Ex.

BlackOak

Rockwell

Square Serif Examples

ScriptCursive Handwriting (Formal Presentations)

Used for wedding invitations, soft and elegant

Ex.Lucida Handwriting

Monotype

Giddyup

Quid Pro Quo

Script example

Old EnglishCalligraphy (Formal

Presentations)Historical, Old,

Strong, Importance

Ex. Lucida Blackletter

NoveltySpecial purposes (Informal Presentations)

Decorative, doesn’t fit into other categories

Ex.

Chiller

Mistral

SF Fedora

Papyrus

Novelty Example

Using Typography in a Design

Select a font that goes along with your design, pictures, and color scheme.

Never use more than 2 different font types

Total Layout Unity(everything works together)

Example

What Font Classification is being used?

Does the Font used work with the design? Why?

Sans-Serif

Yes

Example

What Font Classification is being used?

Does the Font used work with the design? Why?

NoveltySquare-Serif

Yes

Example

What Font Classification is being used?

Does the Font used work with the design? Why?

SerifSans-Serif

Yes

Good or Bad Example?

Example

Different Font Types

Same Message

Rest of the Period

Finish Chapter 4 Worksheet

Lab Work Section of the Assignment SheetRead over itSee Example in Projects Folder