Project 2 Due

The Art of Type

Font Aspects

Anatomy of a Character

Anatomy of a Character @ ITCfonts
Cool site

Anatomy of a line of characters

Cap-height
X-height
Ascender
Descender
Baseline
Median

Font Case

The Case of a Character

Uppercase
Lowercase
Comes from the way they stored moveable type…

Fonts Classifications

Serif

Venetian

Based on handwriting of Renaissance scholars, 15th century

Berkeley Oldstyle

Garalde

A refinement of Venetian, 16th & 17th century

Garamond

Transitional

18th Century conforming to Enlightenment ideals

Times New Roman

Didone

Late 18th century improvements to paper and printing allowed more delicate lines

Bodoni

Slab Serif

19th century industrial revolution called for posters and

Lubalin Graph

Sans Serif

Originated with the Bauhaus
No (sans in French) serifs

Frutiger

Glyphic

Based on stone-carved lettering

Trajan

Script

Based on handwritting, brush and pen lettering

Reporter No. 2

Display

For headlines and titles only

Arnold Böcklin

Blackletter

Also known as Old English and Gothic
Used in German newpapers through WWII

Fette Fraktur

Symbol

A convenient way to store icons, arrows, etc.
From the sound they made in metal-type print shops: dinging it into place then batting it tight to be ready for inking

Font Properties

Family

Size

1pt 2pt 3pt 4pt 5pt 6pt 7pt 8pt 9pt 10pt 11pt 12pt 13pt 14pt 15pt 16pt 17pt 18pt 19pt 20pt 21pt 22pt 23pt 24pt 25pt 26pt 27pt 28pt 29pt 30pt 31pt 32pt 33pt 34pt 35pt 36pt 37pt 38pt 39pt 40pt 41pt 42pt 43pt 44pt 45pt 46pt 47pt 48pt

Measure in points
72 points = 1 inch
12 points = 1 pica

Weight

Black, Extra Bold, Bold, Semi-Bold
Normal, Book, Regular, Roman
Semi-Light, Light, Extra-Light, Thin

Width

Extended
Un-named
Condensed, Ultra-condensed, Compressed, Extra-Compresssed, Ultra-Compressed

Style

abcdefg
abcdefg
abcdefg
abcdefg

Normal
Italic (has custom 'glyph' shapes)
Oblique (has no custom glyphs)

Spacing

This is normal spacing

This is wider kerning

This is even wider kerning

This is negative kerning

The spacing between letters, aks kerning
In Illustrator, you can kern individual spaces between letters or kern more than one space with 'tracking'

Leading

This is 12pt leading for a 12pt block of type. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse eget diam. Morbi in risus. Morbi nibh. Sed cursus urna. Nunc vitae nisl eu arcu vulputate pharetra. Nullam euismod.

This is normal leading for a 12pt block of type, which is usually about 14.4pts. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse eget diam. Morbi in risus. Morbi nibh. Sed cursus urna. Nunc vitae nisl eu arcu vulputate pharetra. Nullam euismod.

This is 16pt leading for a 12pt block of type. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse eget diam. Morbi in risus. Morbi nibh. Sed cursus urna. Nunc vitae nisl eu arcu vulputate pharetra. Nullam euismod.

This is 18pt leading for a 12pt block of type. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse eget diam. Morbi in risus. Morbi nibh. Sed cursus urna. Nunc vitae nisl eu arcu vulputate pharetra. Nullam euismod.

The name comes from the thin pieces of lead which would be placed between lines of type in a metal type shop
Get "lorem ipusm" here

Watch Out For…

This paragraph will have a widow, just not in english. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse eget diam. Morbi in risus. Morbi nibh. Sed cursus urna. Nunc vitae nisl eu arcu vulputate pharetra. Nullam euismod. Fusce pharetra. Aliquam non ante. Ut porta, neque at porta viverra, eros nulla sollicitudin sapien, sed tempus tellus risus egestas nibh, vivamus sed.

^^^That is a Widow

Rivers
Widows
Orphans

Alignment

This paragraph is aligned left. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse eget diam. Morbi in risus. Morbi nibh. Sed cursus urna. Nunc vitae nisl eu arcu vulputate pharetra. Nullam euismod. Fusce pharetra. Aliquam non ante. Ut porta, neque at porta viverra, eros nulla sollicitudin sapien, sed tempus tellus risus, vivamus sed.

This paragraph is aligned right. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse eget diam. Morbi in risus. Morbi nibh. Sed cursus urna. Nunc vitae nisl eu arcu vulputate pharetra. Nullam euismod. Fusce pharetra. Aliquam non ante. Ut porta, neque at porta viverra, eros nulla sollicitudin sapien, sed tempus tellus risus, vivamus sed.

This paragraph is aligned center. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse eget diam. Morbi in risus. Morbi nibh. Sed cursus urna. Nunc vitae nisl eu arcu vulputate pharetra. Nullam euismod. Fusce pharetra. Aliquam non ante. Ut porta, neque at porta viverra, eros nulla sollicitudin sapien, sed tempus tellus risus, vivamus sed.

This paragraph is aligned justified. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse eget diam. Morbi in risus. Morbi nibh. Sed cursus urna. Nunc vitae nisl eu arcu vulputate pharetra. Nullam euismod. Fusce pharetra. Aliquam non ante. Ut porta, neque at porta viverra, eros nulla sollicitudin sapien, sed tempus tellus risus, vivamus sed.