adfadfjkahgjklncklvzan;kltjeiopqrjtl;idadioeqrupepqnz,mcvn.zm,xcn;kjafdlk;ja;dlfkmdklajfladkjfowieujkfjvnaeiluriopqueriopqjwlkrnm,adsnfkl;ajdf;lkajsdfko;jio[qeukeqopriueioquro[qjz,

Typeface

Do not call it a font!

adfadfjkahgjklncklvzan;kltjeiopqrjtl;idadioeqrupepqnz,mcvn.zm,xcn;kjafdlk;ja;dlfkmdklajfladkjfowieujkfjvnaeiluriopqueriopqjwlkrnm,adsnfkl;ajdf;lkajsdfko;jio[qeukeqopriueioquro[qjz,vm,zcnm,.gnsdf,.gnaoiduqpeio

adfadfjkahgjklncklvzan;kltjeiopqrjtl;idadioeqrupepqnz,mcvn.zm,xcn;kjafdlk;ja;dlfkmdklajfladkjfowieujkfjvnaeiluriopqueriopqjwlkrnm,adsnfkl;ajdf;lkajsdfko;jio[qeukeqopriueio

quro[qjz,vm,Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/

What’s the difference between ‘typeface’ and ‘font’?

Typeface

• the design of the letters, numbers, etc

• varies in appearance (visual differences)

• the “song” you listen to– you say “I like this song.”

Font

• the metal pieces used to type the letters, or the computer file

• varies by computer formats: Mac PostScript and PC TrueType

• the “mp3” file– you don’t say “I like this mp3.”

Peters, Yves.“Font or Typeface?.” fontfeed.com: The Font Feed. September 2008. 28 April 2010 http://fontfeed.com/archives/font-or-typeface/

What are the ways a typeface can vary in appearance?

• style– roman (upright) vs. italic (a different, slanted

design) vs. oblique (the roman design, but slanted)

– weight: regular vs. bold– width: condensed vs. wide

Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/

Roman vs. Italic vs. Oblique

italic (a different, slanted design

roman (upright)

oblique (the roman design, but slanted)

Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/

Regular vs. Bold

regular

bold

Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/

Condensed vs. Wide

condensed

wide

Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/

So….. -Twentieth Century MT

is a different typeface than

Twentieth Century MT Condensed-Arial

is a different typeface than

Arial Bold

Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/

But….. -Arial, Arial Bold, Arial Italic

are in the same Type Family

The Anatomy of Typeface

Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/

Cap Height

Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/

“The height from the baseline to the top of the uppercase letters (not including diacritics).”

X-Height

Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/

“The height of the lowercase letters, disregarding ascenders or descenders, typically exemplified by the letter x. The relationship of the x-height to the body defines the perceived type size. A typeface with a large x-height looks much bigger than a typeface with a small x-height at the same size.”

“Typeface.” wikipedia.com. April 2010. 28 April 2010 http://en.wikipedia.org/wiki/Typeface/

Baseline

Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/

“The imaginary line upon which the letters in a font appear to rest.”

“Typeface.” wikipedia.com. April 2010. 28 April 2010 http://en.wikipedia.org/wiki/Typeface/

Descender

Peters, Yves.“Styles, Weights, Widths – It’s All in the (Type) Family.” fontfeed.com: The Font Feed. February 2009. 28 April 2010 http://fontfeed.com/archives/styles-weights-widths-it’s-all-in-the-type-family/

“Any part in a lowercase letter that extends below the baseline, found for example in g, j, p, q, y, etc. Some types of descenders have specific names.”

adfadfjkahgjklncklvzan;kltjeiopqrjtl;idadioeqrupepqnz,mcvn.zm,xcn;kjafdlk;ja;dlfkmdklajfladkjfowieujkfjvnaeiluriopqueriopqjwlkrnm,adsnfkl;ajdf;lkajsdfko;jio[qeukeqopriueioquro[qjz,

Illuminations

What are illuminations?

• “The Decoration of manuscripts and books with colored, gilded pictures…, decorated initials, and ornamental border designs.”

• initials• border designs• gilded/gold

Who made them?

• Monks in the middle ages– Bible– Royal requests

• Greeks– Homer’s Iliad

• Egyptians– The Book of the Dead

Examples

Examples

Examples

Examples

Examples

Examples

Examples

Examples

Examples

Examples

Examples

Project Directions• Quiz tomorrow on Typefaces (4/30)• Create THREE large, different, drafts of what you would like your font to be. (5/4)

– Follow the rules as explained on “Step 2: Complete Template”– Show these to Mrs. Panter before you go to the next step.

• Choose your favorite, and make a draft of that typeface. (5/5)– Show this to Mrs. Panter before you go to the next step.

• Once you have gotten your draft approved, make a final draft. (5/6)

-If you finish early, before we go to the computer lab, design another font. “I have nothing to do,” will not be an option.

• Quiz on Typefaces: Friday 4/30• Large drafts due: Tuesday 5/4 (3 quiz grades)• Mini draft due: Wednesday 5/5 (test grade)• Final draft due: Thursday 5/6 (test grade)• Friday: movie

Project Directions• Quiz tomorrow on Typefaces (4/30)

• Create THREE large, different, drafts of what you would like your font to be. (5/4)

– Follow the rules as explained on “Step 2: Complete Template”

– Show these to Mrs. Panter before you go to the next step.

• Choose your favorite, and make a draft of that typeface. (5/5)

– Show this to Mrs. Panter before you go to the next step.

• Once you have gotten your draft approved, make a final draft. (5/6)

-If you finish early, before we go to the computer lab, design another font. “I have nothing to do,” will not be an option.