Typography

The Science of Text

Fonts Style of type How many fonts in a document?

Conservative--one font Typical--two fonts Use a third for emphasis

Font Types Serif Fonts

Have small tails on the ends of letters Use for body text

Times New Roman is a Serif Font

F O N T

Font Types Sans Serif Fonts

Do not have small tails on the ends of letters

Use for headings

Arial is aSans Serif Font

Font Types Script Fonts

Resemble handwriting Use for formal invitations, etc.

Monotype Corsiva is a Script font

Font Types Decorative

Unique fonts used for special occasions

Jokerman is a decorative font.

So is chiller

Font Size Font is measured in “Points”

Font considerations A browser can only display a font

that the user has on his or her system

Arial and Times New Roman are safe choices

Garamond or Verdana are also good choices

Type attributes Use type attributes to call attention to

a word or phrase in a body text--never use a different font

Be consistent throughout your site

Bold Used for headings Emphasize phrases in body

Text attributes Italics

Used for emphasis Used for names of books Sometimes used for extended

quotations Used to identify a word the reader may

not be familiar with

Text attributes Underlining

Usually indicates a hyperlink on a web page

Don’t use it for any other text

Blinking Text If you must use it, do it sparingly

Headlines Don’t use ALL CAPS

Capitalize the first letter and all proper nouns

Title case--capitalize the first letter of all words

May or may not be centered Punctuation

• A complete sentence has normal case and punctuation

Workshop Day a Hit

Workshop day a hit

Workshop day is a hit.

Examples

Body text Shorter line lengths are easier to

read Hyphenate body text Use left aligned or justified text--

don’t use centering

Setting Margins

ExamplesWorkshop Day is always greeted with enthusiasm and interest by the educators in the South Bergen Jointure districts.

Workshop Day is always greeted with enthusiasm and interest by the educators in the South Bergen Jointure districts.

Workshop Day is always greeted with enthusiasm and interest by the educators in the South Bergen Jointure districts.

Alignment Left Right Center Justify

At least 3 ways to set alignment…

Line Spacing Single Double One & a half

Setting line spacing

Leading The amount of space between lines

of type.

Coded as 12/1412=font size 14=leading size

Use “Exactly”